1、首先将你的无序列表写在DIV标签内，以便能够更好的控制它。比如：
<div class="uls">
<ul></ul>
</div>
2、然后将LI列表有定数的插入到UL中去，这里是关键，可以决定你的显示方式。这里用行的形式显示如下：
<div class="uls">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
3、添加LI样式，让它能够在HTML显示出来。样式可以加其它修饰样式，这里只写主要能实现效果的样式，如下：
#container ul{
list-style: none;
}
li {
float: left;
margin-left:10px;
width: 100px;
line-height: 30px;
}
