使用內聯塊應用垂直對齊到兩個div

Question

所以我有一些DIV。 的結構是這樣的

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

而我的問題是，兩個div是不同的高度。我爲'lcol'使用display:inline-block，而'content'只是一個普通的div。這兩個lcol div確實並排顯示，但它們停留在div的底部。我希望他們能夠與div的頂部對齊。我嘗試將vertical-align:top添加到「內容」，但沒有發生任何事情。

任何想法？

的jsfiddle：http://jsfiddle.net/qxe8h/1/

Answer 1

給垂直對齊：頂部您inline-block的元素。像這樣寫：

#lcol {vertical-align:top;} 

入住這http://jsfiddle.net/qxe8h/2/