How To Divide a page into 10 Pieces/sections using Html and css

Html code

<div id="content">

<div style="width:100%;background-color:#CCC; height:auto;" >

<div id="aside"></div>

<div id="section"></div>

</div>

<div style="width:100%;background-color:#CCC; height:auto;">

<div class="info" style="background-color:#993"> </div>

<div class="info" style="background-color:#943"> </div>

<div class="info" style="background-color:#933"> </div>

<div class="info" style="background-color:#603"> </div>

<div class="info" style="background-color:#593"> </div>

<div class="info" style="background-color:#043"> </div>

<div class="info" style="background-color:#633"> </div>

<div class="info" style="background-color:#313"> </div>

<div class="info" style="background-color:#293"> </div>

<div class="info" style="background-color:#923"> </div>

</div>

</div>

css code:

#content

{

width:100%;

height:600px;

background-color:#099;

}

#aside

{

width:25%;

height:200px;

background-color:#F00;

float:left;

}

#section

{

width:75%;

height:200px;

background-color:#03C;

float:left;

}

.info

{

width:10%;

height:200px;

background-color:#03C;

float:left;

}