css浮动和如何清除浮动

1、新建html文件

2、创建html内容

3、效果如图

4、为图片设置左浮动

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

6、clear:both;清除浮动

7、效果如图

8、美化一下

9、效果如图样式代码如下

<style>

img{float:left;}

p{text-indent:2em; line-height:30px;}

.cl{clear:both;}

</style>