导航条居中

如何让导航居中,,把ul的display设置inline-block。崽崽外层添加一个居中的div就可以啦。。。

<div  class="nav">

<ul>

<li>首页</li>

<li>新闻</li>

<li>关于我们</li>

</ul>

</div>

 

.nav{text-align:center;}

ul{list-style:none;display:inline-block;}

ul  li{float:left}