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