JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="twocolumn ">
    <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.twocolumn {
width: 400px;
}

ul.twocolumn li {
width: 190px;
float: left;
}