一つの行の二つのブロックを表示する

Question

私は1つの行の2つのブロックとさまざまな高さのこれらのブロックを表示したい。

今、私はfloat: leftを使用して（黄色のスクリーンショットを表示）のスペースを取得しています：

スペースを避けるために、どのように？

CSS：

.one{ 
    float: left; 
    border:1px solid #C11A1A; 
    width: 50px; 
} 

HTML：

私は同じ列の高さを取得したい（AS：

2つのdivで

<div style="width: 110px;"> 
<div class="one" style="height:50px;"> 
     1 
    </div> 
    <div class="one">   
     2 
    </div> 
    <div class="one" style="height:70px;"> 
     3 
    </div> 
    <div class="one"> 
     4 
    </div> 
    <div class="one" style="height:50px;"> 
     5 
    </div> 
    <div class="one"> 
     6 
    </div> 
    <div class="one"> 
     7 
    </div> 
</div> 

、私はこのバリアントを取得します可能な限り）、ブロックサイズはテキストによって異なります。

Answer 1

あなたは設定とfloat:leftとなぜあなたは表形式データ用のdivを使用しているあなたの「ブロック」arroundのauto:width