CSS问题，如何让<ul>水平排列

Question

这个<ul>是在<nav>当中分，它已经在页面中居中显示了
就是这样

但是我想把那几个<li>水平放置，我应该怎么做呢？

Answer 1

让<ul>水平排列：关键之处在于设置ul或者li标签的浮动：float:left;或者float:right；第一个是靠左浮动，第二个靠右浮动；下面是代码展示ul中设置的li标签居左浮动：
<style>

ul li{ float:left; margin-left:20px; list-style-type:none;}

</style>
<ul>
<li>靠左浮动排列一</li>
<li>靠左浮动排列二</li>
<li>靠左浮动排列三</li>
<li>靠左浮动排列四</li>
</ul>
li标签居左浮动，实现ul水平排列；
margin-left:20px;左外侧距离20px，list-style-type:none;去除无序列表的点；

Answer 2

额……………………你必须要用<ul>和<li>吗……换成<table>不就轻松愉快了追问

我想通过ul中的list-style-image来加一些装饰
就是图中的小绿点
table也可以的吗
如果可以就一个小例子
谢谢

追答

在<table>的每个单元格里放一张图片和一段文字就行了嘛。形如：

<table>
<tr>
<td>
<img src="..." /><span>some text</span>
</td> 
<td>...</td>
<td>...</td>  
</tr>
</table>

本回答被提问者和网友采纳