在html5中怎么把一div分割？

用什么标签可以把一个div分割成竖着两个，有右面上下两个？如果可以，请详细讲解！！！如图所示！


```<div>
                            <div></div>
                            <div>
                                                    <div></div>
                                                    <div></div>
                            </div>
    </div>

直接table不就行了，不要把简单的事搞这么复杂

加上浮动就行，float：left楼主试下，

111

222

111

222

111

222

111

222

111

主要是应用CSS的浮动来实现的，具体代码如下：

<html>
    <head>
        <style>
            *{
                margin: 0px;
                padding: 0px;
            }
            .left{
                width: 50%;
                height: 200px;
                background: red;
                float: left;
            }
            .right{
                width: 50%;
                height: 200px;
                float: left;
            }
            .rightTop{
                width: 100%;
                height: 100px;
                background: yellow;
            }
            .rightBot{
                width: 100%;
                height: 100px;
                background: blue;
            }
        </style>
    </head>
    <body>
        <div>
            <div class="left">Left</div>
            <div class="right">
                <div class="rightTop">Right-Top</div>
                <div class="rightBot">Right-Bottom</div>
            </div>
        </div>
    </body>
</html>

效果图如下：

用float就行

 <div style="float:left;width:200px;height:100px;">
 </div>
  <div style="float:left;width:200px;height:100px;">
        <div style="width:100%;height:100px;"></div>
        <div style="width:100%;height:100px;">/div>
 </div>

顺便说一句，图画的不错！