JSFiddle - React, Tailwind, and code Playground

by AsciiSmoke

HTML

<ul class="three-col">
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>
<li>test test test</li>

CSS

.three-col {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;