换行到新行但不包装后续的div元素

时间:2013-03-01 17:30:17

标签: css

要将div包装到我使用的新行:

<div style="clear: both; padding-top: 10px;"></div>

但这会包装其他所有后续的div。可以修改此代码,以便只将sbusequent(first)div包装到一个新行,但每个其他div都保留在同一行吗?

小提琴:http://jsfiddle.net/m2cvv/

所以请将div保留为文本“不要将它包装在同一行”。

代码:

<div>test</div>
<div style="clear: both; padding-top: 10px;"></div>
<div>wrap this</div>
<div>do not wrap this</div>

1 个答案:

答案 0 :(得分:0)

<div>test</div>
<div style="clear: both; padding-top: 10px;"></div>
<div style="display:inline;" >wrap this</div>
<div style="display:inline;">do not wrap this</div>

最简单的方法,但不是最好的方法 - 尽量避免使用内联样式