这是典型的图文的混排的例子，可以这样做：

　　<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值即可。