1 html代码示例
<ul id="list" >
<li>hot</li>
<li>news</li>
<li>food</li>
</ul>
2 css代码示例
<style type="text/css">
* {margin: 0; padding:0;}
#list {list-style-type: none;}
#list li {float: left; margin-right: 5px;}
</style>
list-style-type: none 去除列表项标记
float: left 制定li标签向左浮动
margin-right: 5px;设置li标签的间隔