在设计网页时，我们会经常遇到文字布局不能随意的问题，基本局限在矩形的范围内，如果没有图形的辅助，给人的感觉就是方方正正，规规矩矩，有没有办法来解决这个问题呢？现在，有一款新的工具 CSS Text Wrap. 来帮助你，让你的网页布局可以灵活多变。
CSS text Wrap可以让你的文字布局告别方框的时代。使用起来也很简单，只需要定义边框，然后把html代码复制到相应的地方就行了，具体的介绍可以看官方的文档。下面是一个很简单的例子：
<div style="float:left;clear:left;height:15px;width:4px"></div>
<div style="float:right;clear:right;height:15px;width:3px"></div>
<div style="float:left;clear:left;height:15px;width:13px"></div>
<div style="float:right;clear:right;height:15px;width:8px"></div>
<div style="float:left;clear:left;height:15px;width:22px"></div>
<div style="float:right;clear:right;height:15px;width:14px"></div>
<div style="float:left;clear:left;height:15px;width:30px"></div>
<div style="float:right;clear:right;height:15px;width:19px"></div>
<div style="float:right;clear:right;height:15px;width:3px"></div>
<div style="float:left;clear:left;height:15px;width:13px"></div>
<div style="float:right;clear:right;height:15px;width:8px"></div>
<div style="float:left;clear:left;height:15px;width:22px"></div>
<div style="float:right;clear:right;height:15px;width:14px"></div>
<div style="float:left;clear:left;height:15px;width:30px"></div>
<div style="float:right;clear:right;height:15px;width:19px"></div>
下面是效果：
