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;
}