Центр начальной загрузки навигационной панели

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