インラインブロックを使用して2つの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です。 2つのlcol divは実際に並んで表示されますが、divの下部に固定されています。私はそれらをdivの一番上に整列させたいと思います。私はvertical-align:topを 'content'に追加しようとしましたが、何も起こりませんでした。

アイデア？

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

Answer 1

垂直整列与える：あなたのインラインブロック要素にトップを。このように書く：

#lcol {vertical-align:top;} 

チェックこのhttp://jsfiddle.net/qxe8h/2/