[SOLUCIONADO] No se me centra y no me lo explico

[ramondevesa]

Os dejo el código, tengo una caja #menu_ayuda y dentro de ella tengo botones .boton_ayuda y quiero que todos los botones esten en horizontal y a su vez centradas y no termino de encontrar el por que :)

Código CSS:

#menu_ayuda
        {
            width: 1004px;
            margin-top: 30px;
            margin-bottom: 60px;
            color: #999;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
        }
 
        .boton_ayuda
        {
 
            text-transform:uppercase;
            display: block;
            width: 170px;
            height: 88px;
            float: left;
            border-right: 1px solid #ccc;
            margin-right: auto;
            margin-left: auto;
 
        }
 

Gracias!!

[pzin]

Porque los elementos flotados no pueden centrarse, ya que están flotados hacia un lado.

Entonces lo ideal es convertirlos en elementos de bloque en linea y aplicar al contenedor un alineado de texto para centrar los hijos.

Cambiar estas cosas:

Código CSS:

#menu_ayuda {
  text-align: center;
}
 
.boton_ayuda {
  display: inline-block; 
  float: none; /* O quitarlo directamente */
}