Distribuir varios botones en div

[Juandavo]

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;
}
 

La verdad si me ha funcionado cambiando la semántica, ahora el único problema es que en nombre del botón Ejem(Línea Bar) también el nombre se amplia mucho es decir me queda algo asi:

(LÍNEA------------BAR)---------------------(APOYABRAZOS)----------------------- (PORTA----------TECLADOS-----------Y------------CPU)

Las líneas son referencia del espacio que se genera ....
Como se darán cuenta las palabras del botón también se hacen muchos espacios ... como controlo eso ???

GRACIAS !!!