inline-block y el posicionamiento

[pzin]

Esta puedes usarlo con tres elementos como necesitas, con diez o con dos. Como necesites.

Código CSS:

div#contenedor {
  text-align: justify;
  text-justify: distribute-all-lines;
}
 
div.cajas {
  display: inline-block;
  width: 50px;
  height: 50px;
}
span.estirar {
  display: inline-block;
  width: 100%;
}
 

Código HTML:

<div id="contenedor">
  <div class="cajas"></div>
  <div class="cajas"></div>
  <div class="cajas"></div>
  <span class="estirar"></span>
</div>
 

Siempre quedará una caja a la izquierda y otra a la derecha, las intermedias quedarán centradas.