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