例子，css实现div文字环绕图片。
<html>
<head>
<title>css+div图文环绕</title>
<style type="text/css">
<!--
#demo{
font-size:12px;
color:#333;
width:550px;
margin:10px 20px 0px 10px;
line-height: 20px;
text-indent: 24px;
/*background-image:url(img/cobj.GIF);
background-position: left top;*/
background:url(img/cobj.GIF) left top no-repeat;
}
#demo img{
float:right;
margin:16px 22px 14px 16px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<div id="demo"><img src="images/img.jpg" width="262" height="203" border="0" />
脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。脚本学堂，www.jb200.com。
<p>工具之一，深vv所以写一些与技术无关的话，接下来的文字大家可以忽略不看图片的名字叫深圳人手册，她是我们完美生活的必备工具之一，深所以写一些与技术无关的话，接下来的文字大家可以忽略不看了图片的名字叫深圳人手册，她是我们完美生活的必备工具之一，所以写一些与技术无所以写一些与技术无深v圳人手册网定位于生活指南，基本囊括了在深圳工作、生活、旅游、购物、学习、商务的所有信息，她给您的帮助每天多一点。</div>
</body>
</html>