float and clear

by Richard Hunter

HTML

<div class="alpha"></div>
<div class="beta"></div>
<div class="gamma"></div>

CSS

.alpha {
    background : red;
    width : 20%;
    height : 200px;
    float : left;
}

.beta {
    background : lightblue;
    width : 10%;
    height : 100px;
    float : right;
}
.gamma {
    background : yellow;
    width : 100%;
    height : 50px;
    clear : both;
}