JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <label for="item1">
                <input type="checkbox" id="item1" name="item[]" value="item2" />
            </label>
        </td>
    </tr>
    <tr>
        <td>
            <label for="item2">
                <input type="checkbox" id="item2" name="item[]" value="item2" />
            </label>
        </td>
    </tr>
</table>

CSS

td label {
    display: table-cell;
    vertical-align: middle;
    border: solid black 1px;
    width: 40px;
    height: 40px;
    text-align: center;
}