Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Simple CSS Columns With Border Separators
<div class="container">
<div> Column A </div>
<div> Column B </div>
<div> Column C </div>
</div>
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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.