<li>横排显示</li>

方法一：直接在<li>里面加样式来实现

<ul style=list-style:none;margin:0;><li style=”display:inline”>横排字体</li><li style=”display:inline”>横排字体 </li></ul>

 

点评：此种方法简单易操作，如果是写在模板中循环的话，会造成代码大量重复。
方法二：通过定义ul li 来实现

ul{list-style-type:none; margin:0;width:100%; }ul li{ width:80px; float:left;}<ul><li>横排字体</li><li>横排字体</li></ul>

 

点评：最好是插入到CSS中一次定义好，再在html 页面中调用，很好，很强大！

------------------------------------------------------------------

比如说给这个div设置个样式为nav
样式可以这样写

.nav li{width:60px;floag:left;list-style:none;display:inline;}