【HTML/CSS】利用浮动实现文字环绕图片效果

<div class="box">
    <img src="images/1.jpg" alt="" class="img">
    <p>文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容</p>
</div>

.box {width: 500px;}
.box .img {float: left;width: 200px;margin-right: 10px;}

.box {width: 500px;}
.box .img {float: right;width: 200px;margin-left: 10px;}