CSS Table Example Step3

by Mary Vokicic

HTML

<div class="table">
        <div class="box box-red column"></div>
        <div class="box box-green column"></div>
        <div class="box box-blue column"></div>
        <div class="box box-red column"></div>
        <div class="box box-green column"></div>
        <div class="box box-blue column"></div>
</div>

CSS

body {
    background-color: #000;
}
.box {
    margin: 5px;
    height: 100px;
    width: 100px;
    border: 2px solid #ccc;
    border-radius: 10px;
}
.box-red {
    background-color: #0f0;
}
.box-green {
    background-color: #00f;
}
.box-blue {
    background-color: #f00;
}

/** table declaration **/
.table {
    display: table;
}
.column {
    display: table-cell;
}
}