Column Count

by drublic

HTML

<div>
    <p>Synth american apparel tofu carles, nostrud id occaecat next level portland squid anim keytar cosby sweater nihil. Tempor hoodie quinoa VHS veniam magna.</p>
    <p>Laboris four loko trust fund, qui ullamco tumblr art party cardigan raw denim quinoa mlkshk stumptown veniam eu thundercats. Nihil vice sint,</p>
    <p>cupidatat banh mi sunt mlkshk wes anderson aliqua you probably haven't heard of them commodo banksy voluptate vinyl letterpress. In cred squid,</p>
    <p>magna next level fixie labore nihil wolf. Artisan consequat leggings et, 8-bit do tattooed terry richardson mixtape mustache. Culpa before they sold out consectetur wayfarers.</p>
</div>

CSS

div {
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
}
div:hover {
    background: #ddd;
}