Div+CSS  一行三列和一行多列布局方法：

<style type="text/css">
.myDiv{ width:300px; border:1px solid #000;border-right:0; height:30px}
.myDiv ul{ width:300px; list-style:none; margin:0; padding:0;height:30px}
.myDiv ul li{ width:100px; float:left; border-right:1px solid #000; height:30px}
.myDiv1{ width:300px; border:1px solid #000;border-bottom:0; height:90px}
.myDiv1 ul{ width:300px; list-style:none; margin:0; padding:0; height:90px}
.myDiv1 ul li{ width:300px; float:left; border-bottom:1px solid #000; height:30px}
</style>

一行三列
<div class="myDiv">
 <ul>
     <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

一列多行
<div class="myDiv1">
 <ul>
     <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

美女写真	两性知识
幽默搞笑	热门新闻