如果实在不想使用margin这个居中的方法，可以把li的float去掉，使用display:inline可以把li变为内联元素，这时就可以使用text-align:center了。
你可以尝试下，希望帮助到你，有疑问可向我追问，尽我所能为你解答。
text-align:center与
<CENTER>
您可能会认为
text-align:center
与
<CENTER>
元素的作用一样，但实际上二者大不相同。
<CENTER>
不仅影响文本，还会把整个元素居中。text-align
不会控制元素的对齐，而只影响内部内容。元素本身不会从一段移到另一端，只是其中的文本受影响。
如果没有设置body的宽度及文字对齐方式，会出现你的问题。解决办法：
body {
width: 100%
text-align: center
}
由于body设置了文字为居中，页面内所有标签的文字都会居中显示，而实际上，文本默认情况下是应该居左显示的。因此，我们在最外的包裹层里，得再次设置文字的对齐方式：
示例代码：
CSS部分：
body { text-align: centerwidth: 100%}
.wrapper { margin: 0 autowidth: 400pxbackground: #ccctext-align: left}
HTML 部分：
<body>
<div class="wrapper">文字居左</div>
</body>
