css - 間隔をあけずに div を設定する方法は?

Question

このような div 構造を設定したいのですが (上に div があり、下に 2 つの div があります)、テーブルを使用したくありません。また、div 間に間隔を空けることはできません。可能であれば、境界線を折りたたむ必要があります。

 _________
|         |
|_________|
|    |    |
|____|____| 

これはうまくいかないようです。

<div></div>
<br/>
<div></div><div></div>

誰もこれを行う方法を知っていますか?

ありがとう。

Answer 1

<div style="width:100px;height:50px;"></div>
<br />
<div style="width:100px">
    <div style="width:50px;height:50px;float:left;display:inline-block;"></div>
    <div style="width:50px;height:50px;float:right;"></div>
</div>