CSS Responsive Columns August 13th, 2014

<style>
    .myColumns {
        column-count: 2;
            -webkit-column-count: 2;
            -moz-column-count: 2;
        column-width: 250px; /* MINIMUM WIDTH */
            -webkit-column-width: 250px;
            -moz-column-width: 250px;

        /* ...or use COLUMNS shorthand... */
        columns: 4 250px;
            -webkit-columns: 4 250px;
            -moz-columns: 4 250px;

        column-gap: 4em; /* Default is 1em */ 
            -webkit-column-gap: 4em;
            -moz-column-gap: 4em;
        column-rule: 1px dotted #ddd;
            -webkit-column-rule: 1px dotted #ddd;
            -moz-column-rule: 1px dotted #ddd;
    }
</style>

...

<div class="myColumns">
    <p>Lorem ipsum...</p>
</div>