Aplicación vertical-alinear a dos divs usando el bloque en línea

Question

Así que tengo algunos DIV. La estructura es la siguiente

<div id="content"> 
     <div id="lcol">some content</div> 
     <div id="lcol">some<br />content</div> 
    </div> 

Y mi problema es que los dos divs son de diferente altura. Estoy usando display:inline-block para 'lcol', mientras que 'contenido' es solo un div regular. Los dos div. Lcol sí aparecen uno al lado del otro, pero están anclados en la parte inferior del div. Me gustaría que estén alineados con la parte superior de la div. Traté de agregar vertical-align:top a 'contenido', pero no pasó nada.

¿Alguna idea?

jsFiddle: http://jsfiddle.net/qxe8h/1/

Answer 1

Dar vertical-align: top a sus inline-block elementos. Escribe así:

#lcol {vertical-align:top;} 

Marque esta http://jsfiddle.net/qxe8h/2/