Simple CSS Columns With Border Separators

desc.md

reminder for a simple way to make columns with a border in between.

http://jsfiddle.net/jr8euuwa/

index.html

<div class="container">
    <div> Column A </div>
    <div> Column B </div>
    <div> Column C </div>
</div>

styles.css

body { 
    padding: 20px; 
}

.container {
    overflow: auto;
}

.container > div {
    float: left;
    width: 33%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: yellow;
}

.container > div {
    height: 200px;
    border-right: 1px solid gray;
}

.container > :last-child {
    border-right: none;
}