CSS：div中的段落与div文本显示在同一行

Question

如何获取“当前数据：”以及#dataset_name段落在一行上显示的值是什么？

<div id="current_data">Current dataset: <p id="dataset_name"></p></div>

谢谢！

Answer 1

尝试使用：

<div id="current_data">Current dataset: <span id="dataset_name"></span></div>

默认情况下，Cookie是inline元素，p和div是block个元素（因此，它们会添加“换行符”）。您也可以使用<p style="display: inline;">...</p>，但在这些情况下最好使用span。

Answer 2

<p>个元素被HTML视为块，而普通文本是内联的。

在你的CSS中：

p {
  display: inline;
}

你会很好。

Answer 3

为什么不

<p id="current_data">Current dataset: <span id="dataset_name"></span></p>

它具有更多的语义意义（只要它不是真正的表）。