如果实在不想使用margin这个居中的方法，可以把li的float去掉，使用display:inline可以把li变为内联元素，这时就可以使用text-align:center了。
你可以尝试下，希望帮助到你，有疑问可向我追问，尽我所能为你解答。
如果没有设置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>
