列表项目默认分行排列，那么将列表项设置浮动就可以实现水平放置

1	li{float:left;}

示例如下：

1. 创建Html元素

   1 2 3 4 5 6

   <ul>     <li>itemlist-1</li>     <li>itemlist-2</li>     <li>itemlist-3</li>     <li>itemlist-4</li> </ul>

2. 设置css样式

   1 2	ul{width:500px;height:50px;line-height:50px;padding:10px 25px;border:4px solid #ebcbbe;} li{padding:0 20px;float:left;}

3. 观察显示效果

   

如何联系我：【万里虎】www.bravetiger.cn 【QQ】3396726884 （咨询问题100元起，帮助解决问题500元起） 【博客】http://www.cnblogs.com/kenshinobiy/