想做个新闻首页.显示4个表的标题.每个标题各5列.可不知道怎么可以三个表三个表的显示

实现如下效果:

标题1 标题2 标题3
标题1的新闻之一 标题2的新闻之一 标题3的新闻之一
标题1的新闻之二 标题2的新闻之二 标题3的新闻之二
标题1的新闻之三 标题2的新闻之三 标题3的新闻之三
标题1的新闻之四 标题2的新闻之四 标题3的新闻之四
标题1的新闻之五 标题2的新闻之五 标题3的新闻之五

标题4
标题4的新闻之一
标题4的新闻之一
标题4的新闻之一
标题4的新闻之一
标题4的新闻之一

用$i%3
可用while不知道该怎么写了 请大家指点指点

<style> 
#div1 { 
width: 450px; 
border-top: #000 1px solid; 
border-left: #000 1px solid; 
} 
#div1 ul { 
width: 450px; 
margin: 0px; 
} 
#div1 li { 
float: left; 
width: 150px; 
height: 50px; 
list-style-type: none; 
border-right:#000 1px solid; 
border-bottom: #000 1px solid; 
text-align: center; 
line-height: 50px; 
} 
</style> 
<div id=\"div1\"> 
<ul> 
<li style=\"width: 450px;\">1</li> 
<li>2</li> 
<li>3</li> 
<li>4</li> 
<li>5</li> 
<li>6</li> 
<li>7</li> 
<li>8</li> 
<li>9</li> 
<li>10</li> 
</ul> 
</div>