JSFiddle - React, Tailwind, and code Playground

by Optimix

HTML

<table width="100%" cellpadding="5" cellspacing="0" border="1">
    <tbody>
        <tr>
            <td><center>9:00 - 10:00</center></td>
            <td><label><input type="checkbox" name="free" value="mon09"></label></td>
            <td><label><input type="checkbox" name="free" value="tue09"></label></td>
            <td><label><input type="checkbox" name="free" value="wed09"></label></td>
            <td><label><input type="checkbox" name="free" value="thu09"></label></td>
            <td><label><input type="checkbox" name="free" value="fri09"></label></td>
        </tr>
    </tbody>
</table>

CSS

label {
    display: block;
    padding: 3px 0 0;
    text-align: center;
}