Satır içi bloğu kullanarak iki div için dikey hizalamanın uygulanması

Question

Bazı DIV'lere sahibim. yapısı bu

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

Ve benim problem iki div'ler farklı yükseklik olmasıdır. 'İçerik' sadece normal bir div iken 'lcol' için display:inline-block kullanıyorum. İki lcol div, aslında yan yana ortaya çıkıyor, ama divun dibine demirlenmişler. Onların divun tepesine hizalanmasını istiyorum. 'İçerik' için vertical-align:top eklemeyi denedim ancak hiçbir şey olmadı.

Herhangi bir fikrin var mı?

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

Answer 1

dikey-align ver: senin inline-block öğelere üst. Böyle yaz:

#lcol {vertical-align:top;} 

Kontrol bu http://jsfiddle.net/qxe8h/2/