Centrar texto

[Crazylegs]

Iniciado por pzin

Si busques que se ajuste todo al contenido del menú, la cosa pasa por usar inline-blocks:

Sí, cierto, lo estaba probando con el display:inline-block pero no se me centraba con el margin: auto, lo necesitaba era el text-align:center porque con inline-block se comporta como texto.

El CSS pues quedaría así:

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;
             text-align:center;
      }
    /* el menú en si mismo */
          .mi-menu  {
            display:inline-block;
            list-style-type: none;
            margin: 0 auto; /* si queremos centrarlo */
            padding: 0;
            /* la altura y su ancho dependerán de los textos */
            height: 40px;
          }