中心导航栏基础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/