Distribuir varios botones en div

[pzin]

Iniciado por faillure

Cuesta leer.
Pzin:
table-cell no distribuye
Tendria que conocer antes el nº para dar anchuras

No sé porqué pensaba que si.

Otra solución es cambiar un poco la estructura, de paso hacerla algo más semántica:

Código HTML:

<div id="botonesCategorias">
  <ul>
    <li><a href="" class="btn">SILLONES GERENCIALES</a></li>
    <li><a href="" class="btn">SILLAS EJECUTIVAS</a></li>
    <li><a href="" class="btn">SILLAS OPERATIVAS</a></li>
    <li><a href="" class="btn">SILLAS GIRATORIAS PLÁSTICAS</a></li>
    <li><a href="" class="btn">AUDITORIO</a></li>
  </ul>
  <span></span>
</div>
 

Y luego convertir todo a elementos en linea, justificarlos y luego meter una trampa para estirar la justificación.

Código CSS:

#botonesCategorias {
  text-align: justify;
}
 
#botonesCategorias * {
  display: inline;
}
 
#botonesCategorias span {
  display: inline-block;
  width: 100%;
  height: 0;
}
 

Por cierto faillure, lo de los enlaces es así porque necesitas tener 30 mensajes y 30 días de registro para que se queden como enlaces. Más info por aquí: http://www.forosdelweb.com/f74/polit...el-web-101485/