JSFiddle - React, Tailwind, and code Playground

by grendian

HTML

<div id="wrapper">
    <ul>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
        <li>some text</li>
    </ul>
</div>

CSS

#wrapper{
    height:300px;
    -webkit-column-count: 2;
}