JSFiddle - React, Tailwind, and code Playground

by David Storey

HTML

<div>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium nulla venenatis lectus laoreet auctor. Sed convallis leo arcu, id auctor lorem tincidunt in. Vivamus facilisis sapien lorem, a sollicitudin leo pulvinar quis. Phasellus non arcu facilisis, facilisis magna sit amet, posuere massa. Donec sollicitudin augue et massa interdum molestie. Quisque placerat nunc malesuada leo congue convallis. Nullam diam magna, hendrerit eu convallis nec, rhoncus nec tortor. Aliquam quis nunc ultrices, condimentum elit consequat, commodo massa.</p>
    <p>Nunc ullamcorper id est sit amet laoreet. In id dui blandit, aliquet libero eu, suscipit purus. Integer non eros suscipit, gravida massa at, feugiat libero. Mauris sagittis tempor posuere. Quisque sollicitudin consequat erat, non dictum elit mattis id. Vestibulum vel cursus urna. Curabitur et nibh mi. Praesent faucibus neque sit amet tincidunt luctus. Duis pellentesque justo sit amet nunc euismod, sit amet vulputate dolor tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque cursus rutrum odio vitae cursus.</p>
</div>

CSS

div {
    -webkit-column-count: 3;
    -webkit-column-gap: 4em;
    -webkit-column-rule-style: double;
    -webkit-column-rule-width: 2px;
    -moz-column-count: 3;
    -moz-column-gap: 4em;
    -moz-column-rule-style: double;
    -moz-column-rule-width: 2px;
    column-count: 3;
    column-gap: 4em;
    column-rule-style: double;
    column-rule-width: 2px;
}