段落标记显示在新行中

Question

我需要在“Id”字段旁边显示值“1”，但它显示在一个新行中。

标签应该是内联的，不知道为什么它被移动到新行。

jsfiddle

HTML

<b>Id    : <p id="productid">1</p></b>

Answer 1

<p>元素是一个段落，默认情况下是一个块元素。

在这种情况下，您无法使用<p>，因为：

• <b>个元素中不允许这样做（因为<p>只能在预期flow content的情况下使用，但<b>的内容模型为phrasing content ）。永远记得validate你的代码。
• 从语义上讲，很明显它不是段落。

我建议使用

<b>Id: <span id="productid">1</span></b>

Demo

Answer 2

#productid{
    display:inline-block;
}

默认情况下，p是块级元素。您可以将其设置为显示内联块，使其按照您使用基本css描述的方式执行。

我不确定您是否无法访问css，所以如果您不能，请参阅oriol的回答。没有理由不把它作为一个跨度。

侧面注释，将一个p标签放在b标签中有点奇怪。从技术上讲，你可以这样做，但看起来使用span标签是更合适的方法来处理这个问题。