html - 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>

Span 默认情况下是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>

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