ul和li简单语句实现DIV+CSS分两列（多列）布局显示

最简单的代码：

<style type="text/css">
    .mycode{ width:300px; height:74px; float:left;}  
    .mycode ul{ width:280px;}  
    .mycode li{ width:100px; float:left; display:block;}  
</style>
<div class="mycode">
    <ul>
        <li>博客小子</li>
        <li>博客小子</li>
        <li>博客小子</li>
        <li>博客小子</li>
        <li>博客小子</li>
        <li>博客小子</li>
    </ul>
</div>

效果：
博客小子     博客小子
博客小子     博客小子
博客小子     博客小子

注意:此方法 也为多列，多行，布局的方法。如：

aaa   aaa   aaa

aaa   aaa   aaa

aaa    aaa   aaa