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

Возможно, потому что навигация плавает .. для этого это не отвечает на выравнивание текста: центр; Трудно без доступа ко всем HTML и CSS листам, но попробуйте следующее:

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