这是典型的图文的混排的例子,可以这样做:
<div class="box">
<div class="floatL">插入图片</div>
<p>文字文字文字文字文字文字文字文字文字</p>
</div>
CSS如下:
.box .floatL {
width: 500px;
float: left/right;
}
.box p {
width: 500px;
float: right/left;
}
如果文字超过了图片的高度,靠左对其,那么直接在floatL设置margin值即可。