colocar tres contenedores dentro de uno

[Luminis]

Yo lo hago así:

NOTA: no lo estoy probando, es apenas algo que recuerdo.

Código HTML:

<div id="contenedor">
<div class="distribucion "></div>
<div class="distribucion "></div>
<div class="distribucion "></div>
</div>
 

Código CSS:

#contenedor {
/* formato para el contenedor principal (el que contendrá a los otros 3) */
vertical-align: top;
}
 
.distribucion {
/* Formato para los 3 contenedores */
display: inline-block;
}
 

Con esto los 3 contenedores deberían quedar en el top del contenedor principal, y si a esos 3 contenedores les colocas un width que no se pase del width del contenedor principal, estos quedarán alineados uno al lado del otro en el top del contenedor principal.