Column test

by Jayson Buquia

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<div class="column">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae repellat reprehenderit dolorum provident? Distinctio, ratione quasi doloremque praesentium tenetur asperiores adipisci earum non quia molestias modi sunt nihil similique, sit corporis? Maxime ipsum, officiis labore placeat! Ut nostrum adipisci, explicabo facilis dolores. Distinctio ad et qui nam quae illo vitae in sint tenetur ducimus veniam, facilis doloribus nisi, laudantium, tempore neque voluptas. Sunt ipsa amet blanditiis! Doloremque reprehenderit et sunt expedita explicabo quis saepe error debitis, dolor maiores eligendi iure pariatur, quisquam quos velit ad, hic cupiditate molestiae recusandae officia fugit. Consequuntur provident cupiditate ratione autem error debitis eos officia unde, maxime alias sit ipsa nulla corporis optio sequi explicabo nobis. Consequuntur quas quis eum. Vitae culpa rerum, voluptate animi. Minus vel praesentium assumenda cumque fugiat corporis id, nulla cum laudantium, consequuntur eligendi, reprehenderit exercitationem distinctio alias voluptatum sed illum voluptates! Enim quibusdam nobis, inventore optio error. Unde mollitia eos autem quisquam doloremque eaque voluptatum rem saepe sunt neque tenetur iure sit doloribus quod, maxime, commodi natus dicta nemo reprehenderit vero laboriosam, eius perferendis incidunt aut. Reprehenderit repudiandae nisi, repellat pariatur dignissimos rerum eveniet saepe. Saepe placeat doloremque esse consectetur inventore, ducimus quibusdam cumque explicabo odio delectus obcaecati aut non necessitatibus, modi ipsa, molestiae vitae dignissimos fugit dolor ullam voluptas nemo! Doloremque, consectetur labore culpa. Nulla, eaque. Nesciunt quas soluta impedit exercitationem pariatur a, rerum tempore! Delectus a fuga nihil quibusdam, maxime consequuntur praesentium? Eveniet natus tenetur sed excepturi illo, vero ad voluptas...

CSS

.column {
    -webkit-column-count: 3;
}