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; 
}