div box structure

by karin

HTML

<div id="wrapper">
    <div class="section1">1</div>
    <div class="section2">2</div>
    <div class="section3">3</div>
</div>

CSS

body{
    font-size:14px;
    width:600px;
}
#wrapper{
    width:100%;
    background:lightblue;
    padding:2em;
    display:block;
    float:left;
}
.section1{
    background:pink;
    width:30%;
    display:block;
    float:left;
}
.section2{
    background:lightyellow;
    width:30%;
    display:block;
    float:left;
}
.section3{
   background:lightgreen;
    float:right;
    width:20%;
    display:block;
}