JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>text text</li>
    <li>text text</li>
    <li>text text</li>
    <li>text text</li>
    <li>text text</li>
    <li>text text</li>
    <li>text text</li>
    <li>text text</li>
    <li>text text</li>
    <li>text text</li>
</ul>

CSS

ul {
    background: gray;
    height: 150px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}