Centrar texto

[Crazylegs]

Hola, he estado trasteando con el código, y he llegado a esta solución:

Código CSS:

#contenedor{
        border-radius: 5px;
       /* el color de fondo */
        background: #555;
        background: -moz-linear-gradient(#555,#222);
        background: -webkit-linear-gradient(#555,#222);
        background: -o-linear-gradient(#555,#222);
        background: -ms-linear-gradient(#555,#222);
        background: linear-gradient(#555,#222);
        width:auto;
    
  }
/* el menú en si mismo */
      .mi-menu  {
        list-style-type: none;
        margin: 0 auto; /* si queremos centrarlo */
        padding: 0;
        /* la altura y su ancho dependerán de los textos */
        height: 40px;
        width:407px; /*407 porque hay 4 <li> de 130, 115, 85 y 77 pixeles de ancho. La suma de estos es 407px*/
       
      }
 

Funciona, pero tiene el inconveniente de que si añades, modificas, o eliminas un <li> tienes que cambiar el ancho del menú.

¿Era eso lo que querias conseguir? ,Pruebalo y me cuentas, porque con la imagen tan pequeña a penas se puede apreciar.