css浮动和如何清除浮动

1、新建html文件

2、创建html内容

3、效果如图

4、为图片设置左浮动

5、效果如图这时第二段也左浮动

6、clear:both;清除浮动

7、效果如图

8、美化一下

9、效果如图样式代码如下<style>img{float:left;}p{text-indent:2em; li荏鱿胫协ne-height:30px;}.cl{clear:both;}</style>