在网页布局的过程中，常常遇到图文混排的效果。图文混排，也就是文字环绕着图片进行布局。文字环绕图片的方式在实际页面中的应用非常广泛，如果再配合内容、背景等多种手段便可以实现各种绚丽的效果。
默认情况下，元素是不浮动的。这个表忽略“none”和“inherit”这2个一辈子派不上场的属性值，大家也不需要花心思去理会“none”和“inherit”这2个属性值。
这是由于在某些浏览器下，p元素具有默认样式，就像strong元素默认加粗一样。要实现上图那样的效果，这就要去除元素的浏览器默认样式。对于如何去除元素的浏览器默认样式，我们可以在“CSS进阶教程”的“CSS reset”这一节学习到。现在大家不需要理会，循序渐进地跟着学习就行了。
此外，大家可以在上面例子的“在线代码测试工具”中，将“float:left;”改为“float:right”，看看效果是怎样的。
文字紧紧环绕在图片周围，如果希望图片本身与文字有一定的距离，只需要给img标签添加margin属性即可。margin指的是“外边距”，我们在接下来的“CSS盒子模型”会详细讲解到。
小伙伴们也可以加一下QQ群，在“群文件”中可以获取配套资源以及更多学习资源，以及跟其他小伙伴交流，站长也在群内。
