中心引導的導航欄

Question

我的自舉導航欄的鏈接非常簡單的列表：

<div class="navbar"> 
    <ul class="nav"> 
     <li><a href="">Link1</a></li> 
     <li><a href="">Link2</a></li> 
     <li><a href="">Link3</a></li> 
    </ul> 
</div> 

，但該名單是在左邊，我需要它的中心對齊，我嘗試添加內嵌樣式

style="text-align:center" 

但它沒有幫助。

例子： http://jsfiddle.net/NdsaU/

我怎樣才能居中？

Answer 1

的Html

<div class="navbar"> 
    <div class="container"> 
     <ul class="nav"> 
      <li><a href="">Link1</a></li> 
      <li><a href="">Link2</a></li> 
      <li><a href="">Link3</a></li> 
     </ul> 
    </div> 
</div> 

的CSS

.navbar { text-align:center; } 
.navbar .nav { display:inline-block; float:none; } 

Fiddle