ul和li完成分多列（两列）合理布局显示信息

<style type="text/css">
.my ul {
width: 210px;
}
.my li {
width: 100px; /*假如显示信息3列 则width改成70px*/
float: left;
display: block;
}
</style>

<div class="my">
<ul>
<li>那些花儿</li>
<li>那些花儿</li>
<li>那些花儿</li>
<li>那些花儿</li>
<li>那些花儿</li>
<li>那些花儿</li>
</ul>
</div>