中心導航欄基礎5框架？

Question

我搜索了很多，並嘗試了多個更改，但我無法讓我的導航欄居中。

<nav class="top-bar" data-topbar> 
    <ul class="title-area"> 
     <li class="name"> 
       </li> 
        </ul> 
        <section class="top-bar-section"> 
         <ul class="center"> 
         <li><a href="#">Home</a></li> 
         <li><a href="#">Services</a></li> 
         <li><a href="#">Contact</a></li> 
         <li><a href="#">Client Area</a></li> 
         </ul> 
         </section> 
</nav> 

CSS是相當大的，所以我用引擎收錄 - http://pastebin.com/raw.php?i=E8WQT41K

不管我怎麼努力仍然在左邊。

Answer 1

試試這個one.your CSS太long.apply這個CSS爲您的資產淨值僅部分

.title-area 
{ 
    list-style:none; 
    float:left; 
} 
.top-bar-section 
{ 
    width:300px; 
    height:auto; 
    margin:0 auto; 
} 
.center 
{ 
    list-style:none; 
} 
.center li 
{ 
    list-style:none; 
    display:inline-block; 
} 

http://jsfiddle.net/XNCj7/2/