Navigation bar centered

How to center the navigation, and set the display of ul to inline-block. Just add a centered div to the outer layer of the cub. . .

<div  class="nav">

<ul>

<li>Home</li>

<li>News</li>

<li>About Us</li>

</ul>

</div>

 

.nav{text-align:center;}

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

ul  li{float:left}