HTML CSS 将段落内的部分文本居中

Question

如何使段落内的部分文本居中？

例如我有一个段落：

<p id="hello">Hello : <span id="love">I love you</span> very much</p>

我希望“我爱你”部分位于中心的新行中（这就是我尝试使用 span 的原因），然后段落的其余部分为新行但正常对齐。

我试过这样但不会工作：

现在我在 css 中：

#hello {
    font-size:22px;
    margin: 2em;
}

#love {
    text-align:center;
}

有什么建议吗？

Answer 1

#love {
    display:block;
    text-align:center;
}