段組みを作るcss「columns」

３段組みCSS

.columns {
-webkit-columns: 3;
-moz-columns: 3;
-ms-columns: 3;
columns: 3;
}

HTMLサンプル

<div class="columns">
<p>あああああああああああああああああああああああああああああああああああ</p>
<p>いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい</p>
<p>ううううううううううううううううううううううううううううううううううう</p>
<p>えええええええええええええええええええええええええええええええええええ</p>
<p>おおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお</p>
</div>