html - Need help to create div structure

Question

I want to create div structure as I have attached image. Please anyone can help me out for the same.

Answer 1

以下のようにこれを行い、フロートで配置できます

<div class='outer'>
<div class='left'></div>
<div class='tow'>
   <div class='up'></div>
     <div class='cbt'></div>
   <div class='jimit'></div>
     <div class='one'></div>
   <div class='below'></div>
</div>
<div class='right'></div>

CSS

.outer,leftm.right,.tow{float:left;}
.left,.right{width:25%;}
.tow{width:50%;}
.cbt{clar:both}

Answer 2

これには絶対位置を使用してください -デモ

.center {
   position: absolute;
   width: 300px;
   height: 200px;
   left: 50%;
   top: 50%;
   margin-left: -150px; /* Half of div width */
   margin-top: -100px; /* Half of div height */
}