[英]CSS: paragraph in div to appear on same line as div text
How can I get "Current data: " and whatever value the #dataset_name paragraph takes to appear on one line? 如何获得“当前数据:”以及#dataset_name段落要显示在一行上的任何值?
<div id="current_data">Current dataset: <p id="dataset_name"></p></div>
thanks! 谢谢!
Try to use: 尝试使用:
<div id="current_data">Current dataset: <span id="dataset_name"></span></div>
Spans are, by default, inline
elements, p
and div
are block
elements (therefore, they add a "newline"). 默认情况下,跨度是inline
元素, p
和div
是block
元素(因此,它们会添加“换行符”)。 You could also use <p style="display: inline;">...</p>
, but it's better to use span
in these cases. 您也可以使用<p style="display: inline;">...</p>
,但是在这种情况下最好使用span
。
<p>
elements are considered blocks by HTML while normal text is inline. <p>
元素被HTML视为块,而普通文本为内联。
In your CSS put: 在您的CSS中:
p {
display: inline;
}
and you'll be good. 而且你会很好。
Why not 为什么不
<p id="current_data">Current dataset: <span id="dataset_name"></span></p>
It makes more semantical sense (as long as its not really a table). 它具有更多的语义意义(只要不是真正的表即可)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.