Less is More 2

by samih

HTML

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

CSS

.column1, .column2, .column3 {
    height: 100%;
    display: inline-block;
}

.column1 {
    width: 20%;
    background-color: lightgray;
}

.column2 {
    width: 60%;
    background-color: lightblue;
}

.column3 {
    width: 20%;
    background-color: lightyellow;
}