Less is More

by samih

HTML

<br/><br/>
<div class="column1">
    Left
</div>
<div class="column2">
    Middle
</div>
<div class="column3">
    Right
</div>

CSS

.column1 {
    width: 20%;
    height: 100%;
    background-color: lightgray;
    float: left;
}

.column2 {
    width: 60%;
    height: 100%;
    background-color: lightblue;
    position: relative;
    left: 20%;
    text-indent: -163px;
}

.column3 {
    width: 20%;
    height: 100%;
    background-color: lightyellow;
    float: right;
    position: relative;
    top: -20px;
}