代码:
<style type="text/css">
div,p{margin:0px;padding:0px}
.demo{width:600px; margin: 120px auto 0px;border: 1px #222 solid; overflow: hidden; padding: 10px;}
.demo img{float:left;width:120px; height: 100px; overflow: hidden; margin-right: 20px;}
.content{ line-height: 26px; display: block;}
</style>
<div class="demo">
<img src="images/error.gif" alt="" />
<div class="content">
<p>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</p>
</div>
</div>
原理:让图片float浮动起来,然后文字层的div,不进行浮动