使用内联块将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/