Css 清除浮动,不在下一段之间添加空格

Css 清除浮动,不在下一段之间添加空格,css,css-float,Css,Css Float,我使用了一个float,但是在之后,下一段紧接着上面的内容,至少在Safari、Chrome和Firefox上是这样。我不必检查那里发生了什么 代码如下: <div style="float: left;"> <div style="clear: both; padding-left: 30px;"><span style="color: #e05900;"> <i class="fa fa-chevron-circle-right"><sp

我使用了一个float,但是在
之后,下一段紧接着上面的内容,至少在Safari、Chrome和Firefox上是这样。我不必检查那里发生了什么

代码如下:

<div style="float: left;">
<div style="clear: both; padding-left: 30px;"><span style="color: #e05900;"> <i class="fa fa-chevron-circle-right"><span style="display: none;">icon-chevron-circle-right</span></i> </span>I am afraid of...</div>
<div style="clear: both; padding-left: 30px;"><span style="color: #e05900;"> <i class="fa fa-chevron-circle-right"><span style="display: none;">icon-chevron-circle-right</span></i> </span>I will wait until…</div>
<div style="clear: both; padding-left: 30px;"><span style="color: #e05900;"> <i class="fa fa-chevron-circle-right"><span style="display: none;">icon-chevron-circle-right</span></i> </span>I don’t have enough experience to…</div>
</div>
<div style="clear: both;"></div>
That is mind chatter

图标V形圆圈对,我害怕。。。
图标V形圆圈右侧我将等待,直到…
图标V形圆圈对我没有足够的经验…
那是心灵的闲聊

这是心灵的闲聊,我没有足够的经验……

为什么要有额外的空间?您没有在每个元素之间声明任何垂直边距或填充,也没有使用任何具有默认边距的元素,例如
p
-表示“这是心灵聊天”的部分是纯文本。这是我不理解的,因此我发布此问题的原因。