JSFiddle - React, Tailwind, and code Playground

HTML

<div class="customBox">
    <div class="left">
        <ul>
            <li>Random list item</li>
            <li>Random list item</li>
            <li>Random list item</li>
        </ul>
    </div>
    <div class="right">
        <ul>
            <li>Random list item</li>
            <li>Random list item</li>
            <li>Random list item</li>
            <li>Random list item</li>
            <li>Random list item</li>
        </ul>
    </div>
</div>

CSS

.customBox{
    padding: 10px;
    border:1px #ccc dashed;
}
.left{
    width:30%;
    float:left;
}
.right{
    width:30%;
    float:right;
}