float:实现文件环绕效果
<talble>
文字环绕效果
<html xmlns=www.test.com/xhtml>
<head>
<meta htttp-equivp=“Content-Type” content="test/html; charset=utf-8”/>
<title>浮动的原本作用-文字环绕</title>
<style>
.testbox { width: 600px; margin: 16px auto; line-height: 1.5; front-size:14px; }
.float-left { float: left;margin:0 10px 5px 0; }
</style>
</head>
<body>
<div class=“test-box”>
<img src=“http:7.7.7.7/图片.jpg">
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
</div>
</body>
</html>