CSS Columns

CSS columns with display:table

by barzik

HTML

<div>
    <div>Column 1</div>
    <div>Column 2</div>
    <div>Column 3</div>
</div>

CSS

div {
    display:table;
    table-layout:fixed;
    width: 100%;
}
div div {
    display:table-cell;
}
div div:nth-child(2) {
    width:400px;
}

div:nth-child(1) { background:#a31 }
div:nth-child(2) { background:#aa1 }
div:nth-child(3) { background:#3a1 }