JSFiddle - React, Tailwind, and code Playground

HTML

<ul>        
    <li>
        <div><input type="checkbox" value="1" name="test[]" id="myid1"></div>
        <div><label for="myid1">label1</label></div>
    </li>
    <li>
        <div><input type="checkbox" value="2" name="test[]" id="myid2"></div>
        <div><label for="myid2">label2</label></div>
    </li>
</ul>

CSS

li { display: table-row; }
li div { display: table-cell; border: 1px #000 solid; vertical-align: middle; }