如何使元素自动定位在页面的新行？在HTML中，我可以使用< br>，但是如何在CSS中添加换行符？
说我有以下代码，例如：
<p>Lorem ipsum dolor sit amet,<span id="elementId">consectetur adipisicing elit.</span> Magni totam velit ex delectus fuga fugit</p>
跨度仍然位于与文本的其余部分相同的行上。如何通过CSS将跨文本移动到新行？
另一个例子是使用display：inline-block或者float：
<div class="smalldiv">Lorem ipsum dolor sit amet</div>
<div class="smalldiv">Lorem ipsum dolor sit amet</div>
<div class="smalldiv" id="elementId">Lorem ipsum dolor sit amet</div>
<div class="smalldiv">Lorem ipsum dolor sit amet</div>
.smalldiv {
display: inline-block; // OR
float: left;
}
如何移动其中一个< div>在新行上创建一个新行？
解决方法
有两个选择，我可以想到，但没有更多的细节，我不能确定哪个更好：
#elementId {
display: block;
}
如果元素不与浮动元素位于同一行，这将强制元素为“新行”。
#elementId {
clear: both;
}
这将迫使元素清除浮标，并移动到“新行”。
如果元素与另一个具有固定或绝对位置的位置在同一行上，就我所知，强制“新行”，因为这些元素从文档的正常流中删除。
