aliniar arriba div con linea de bloque

[pithon]

Tengo una capa div dentro de esta capa tengo tres div mas con display:inline-block, cada div de estos tiene un algo diferente por su contenido lo que quiero es alinear estos div en parte de arriba de su div contenedor la estructura seria algo asin:

Código CSS:

#principal{
      background:blue;
}
 
#principal div{
      display:inline-block;
      background:red;
}
 

Código HTML:

<div id="principal">
<div>contenido......</div>
<div>contenido2......</div>
<div>contenido3.....</div>
</div>
 

por defecto se alinea a la parte de abajo del contenedor principal y quiero que sea en la parte superior.
Saludos.

[pzin]

Prueba con:

Código CSS:

vertical-align: top;
 

[pithon]

Hola pzin, gracias.