JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="left">Left</li>
    <li class="left">Left</li>
    <li class="left">Left</li>
    <li class="left">Left</li>
    <li class="left">Left</li>
    <li class="right">Right</li>
    <li class="right">Right</li>
    <li class="right">Right</li>
    <li class="right">Right</li>
    <li class="right">Right</li>
</ul>

CSS

.left { float:left; width:50%; clear:left; }
.right { float:right; width:50%; clear:right }