使用内联块将vertical-align应用于两个div

Question

所以我有一些DIV.结构就是这样

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

我的问题是两个div的高度不同.我正在使用display:inline-block'lcol',而'content'只是一个普通的div.两个lcol div确实并排显示,但它们固定在div的底部.我希望它们与div的顶部对齐.我尝试添加vertical-align:top'内容'但没有发生任何事情.

有任何想法吗？

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

Answer 1

将vertical-align:top设置为内联块元素.像这样写:

#lcol {vertical-align:top;}

检查这个http://jsfiddle.net/qxe8h/2/