JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="columned">
        <li>Australia</li>
        <li>Brazil</li>
        <li>Canada</li>
        <li>Chile</li>
        <li>China</li>
        <li>France</li>
        <li>India</li>
        <li>Italy</li>
        <li>Malaysia</li>
        <li>Norway</li>
        <li>Russia</li>
        <li>United Kingdom</li>
        <li>United States</li>
    </ul>

CSS

ul {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
column-count: 3;
column-gap: 20px;
}