CSS：div中的段落與div文本在同一行上出現

Question

如何獲取「當前數據：」以及#dataset_name段落出現在一行上的值？

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

謝謝！

Answer 1

<p>元素被HTML視爲塊，而普通文本爲內聯。

在你的CSS提出：

p { 
    display: inline; 
} 

，你會好的。

Answer 2

嘗試使用：

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

跨度是，默認情況下，inline元件，p和div是block元件（因此，它們添加一個 「新行」）。您也可以使用<p style="display: inline;">...</p>，但在這些情況下最好使用span。

Answer 3

爲什麼不

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

這使得更多的語義意義（只要它不是一個真正的表）。