Centrar elementos menú

[lamenenchu]

Iniciado por xfxstudios

prueba creandole un padding, de esa manera los enlaces quedan dentrados, algo asi:

Código HTML:

<style>
.menu{
    float:left;
}
.menu a{
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#00437B;
    color:#fff;
    margin-left:25px;
}
</style>
<ul>
    <li class="menu"><a href="">Primer ITEM</a></li>
    <li class="menu"><a href="">Segundo ITEM</a></li>
</ul>
 

Gracias, pero haciendo eso, al ensanchar o estrechar el navegador, no se queda centrado. Si lo ajusto con el navegador abierto al 100% si se ve bien, pero a medida que voy cerrando el navegador, se van descentrando.