我是CSS新手，想知道怎么把浮动在右的文字居中
<style>
ul,li{margin:0;padding:0;list-style:none;}
.menu{width:960px;height:25px;background:#46B421;margin-left:auto;margin-right:auto;}
.menu ul{width:960px;height:auto;}
.menu ul li{display:inline-block;width:120px;line-height:25px;text-align:center;font-size:12px;color:#ffffff;}
</style>
<div class="menu">
<ul>
<li>首页</li><li>分类</li><li>公社</li><li>问医生</li><li>问律师</li><li>企业</li><li>经验</li><li>买什么</li>
</ul>
</div>
<style>
ul,li{margin:0;padding:0;list-style:none;}
.menu{width:960px;height:25px;background:#46B421;margin-left:auto;margin-right:auto;}
.menu ul{width:960px;height:auto;}
.menu ul li{display:block;float:left;width:120px;line-height:25px;text-align:center;font-size:12px;color:#ffffff;}
</style>
<div class="menu">
<ul>
<li>首页</li>
<li>分类</li>
<li>公社</li>
<li>问医生</li>
<li>问律师</li>
<li>企业</li>
<li>经验</li>
<li>买什么</li>
</ul>
</div>
上面那段li之间不能回车，，因为回车后，宽度会增加，好处是没有做浮动，不会出现浮动错位，下面是用浮动，放到你网页的时候要检查好。
这是我随手写的导航，兼容主流浏览器，附上代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>导航</title>
</head>
<body>
<div style=" width:980px; margin: 0 auto; text-align:center;">
<ul style="list-style:none; padding: 0; overflow:hidden; margin: 0 auto; width:408px;">
<li style="width:100px; float:left; height:35px; border-radius:4px; border:1px #EEEEEE solid; line-height:35px;">首页</li>
<li style="width:100px; float:left; height:35px; border-radius:4px; border:1px #EEEEEE solid;line-height:35px;">分类</li>
<li style="width:100px; float:left; height:35px; border-radius:4px; border:1px #EEEEEE solid;line-height:35px;">公社</li>
<li style="width:100px; float:left; height:35px; border-radius:4px; border:1px #EEEEEE solid;line-height:35px;">问医生</li>
</ul>
</div>
</body>
</html>
我没有独立css样式，你自己提出css样式就行了。
你若觉得可行请采纳！
