Anwenden von vertikal-align auf zwei Divs mit Inline-Block

Question

So habe ich einige DIVs. Die Struktur ist diese

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

Und mein Problem ist, dass die beiden divs unterschiedlicher Höhe sind. Ich verwende display:inline-block für 'lcol', während 'content' nur ein reguläres div ist. Die beiden lcol divs erscheinen zwar Seite an Seite, aber sie sind an der Unterseite des divs verankert. Ich möchte, dass sie an der Spitze des Div ausgerichtet sind. Ich habe versucht, vertical-align:top zu "Inhalt" hinzuzufügen, aber nichts ist passiert.

Irgendwelche Ideen?

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

Answer 1

Geben vertical-align: top auf Ihre inline-block Elemente. Schreiben wie folgt aus:

#lcol {vertical-align:top;} 

prüfen diese http://jsfiddle.net/qxe8h/2/