CSS：文字不會居中？

Question

任何人都可以看到我哪裏錯了嗎？我正在嘗試將文本置於使用CSS進行導航的按鈕中。

#nav { 
margin:20px 0 0 0; 

} 

#nav ul { 
margin:0; 
} 

#nav li:first-child { 
width:80px; 
height:30px; 
display:inline-block; 
background-color:#8f00ae; 
text-align:center; 
} 
#nav ul li a { 
} 

這裏是我的html。

<!-- Navigation Section --> 
     <div class="cl" id="nav"> 
      <div class="menu-top_nav-container"> 
<ul id="menu-top_nav" class="menu"> 
<li id="menu-item-13" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-13"> 
<a href="http://localhost:8888/?cat=3">Features</a> 
</li> 
<li id="menu-item-18" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-18"> 
<a href="http://localhost:8888/?cat=4">Noize Live</a> 
</li> 
</ul> 
</div> 
</div> 

Answer 1

可能是因爲導航正在浮動..因此它不響應text-align：center;它很難不訪問整個HTML和CSS表，但嘗試以下內容：

#nav li:first-child a 
{ 
padding: 0 20px; 
}