JSFiddle - React, Tailwind, and code Playground

HTML

<ol id="two-columns">
<li>1abc</li>
<li>2abc</li>
<li>3abc</li>
<li>4abc</li>
<li>5abc</li>
<li>6abc</li>
<li>7abc</li>
<li>8abc</li>
</ol>

CSS

#two-columns {
    width:200px;
    border:1px solid black;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }