默认情况下,
p标签是
block元素,这意味着它们占据了parent的100%
width。
您可以使用以下方法更改其显示属性:
#container p { display:inline-block;}但这使元素并排。
要使每个元素保持独立行,可以使用:
#container p { clear:both; float:left;}(如果您使用float并需要在float元素之后清除,
编辑
如果您寻求解决方案,
display:inline-block但又想将每一项都保留在一行中,则只需
<br>在每项之后添加一个标签即可:
<div id="container"> <p>Sample Text 1</p><br/> <p>Sample Text 2</p><br/> <p>Sample Text 3</p><br/></div>



