JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-sm-6">
    <ul>
        <li class="checkbox"><input type="checkbox"/> Label</li>
        <li class="checkbox"><input type="checkbox"/> Label</li>
        <li class="checkbox"><input type="checkbox"/> Label</li>
        <li class="checkbox"><input type="checkbox"/> Label</li>
        <li class="checkbox"><input type="checkbox"/> Label</li>
        <li class="checkbox"><input type="checkbox"/> Label</li>
        <li class="checkbox"><input type="checkbox"/> Label</li>
    </ul>
</div>

CSS

ul{
    list-style-type: none;
}
.checkbox{
    float: left;
    width: 150px;
}