设置浮动属性float后 后面的内容需要换行的方法

图片设置左对齐 float:left 后，后面的内容错乱怎么办？

图片设置左对齐 float:left 后，由于图片的宽度过小，后面的内容会自动浮动到图片的右边，是整个排版非常的乱。

最简单的方法：在需要换行的内容前添加、

  <div style="clear:both">

清除之前的float属性

如：
 

<pre class="prism-highlight prism-language-bash">netstat -ano | findstr :1521</pre>
<p style="text-align: left;">
    <img src="http://www.yunweiriji.com/zb_users/upload/2019/10/201910101570682899692491.png" alt="image.png" width="800" height="77" border="0" vspace="0" title="image.png" style="white-space: normal; width: 800px; height: 77px; float: left;"/>
</p>
<div style="clear:both"></div>
<p>
    <br/>
</p>
<h4>
    3、显示系统中所有的转发条目
</h4>

这样H4的文字就不会浮动到图片的右边了。