JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <tr>
        <td style="width:100px;">&nbsp;</td>
        <td style="width:100px;">&nbsp;</td>
    </tr>
    <tr>
        <td style="width:100px;">&nbsp;</td>
        <td style="width:100px;">&nbsp;</td>
    </tr>
    <tr>
        <td style="width:100px;">&nbsp;</td>
        <td style="width:100px;">&nbsp;</td>
    </tr>
</table>
<div>
    <div style="float:left; width:53px;">Medium:</div><div style="background:red; width:15px; height:15px; float:left; position:relative; top:2px;"></div></div><br/>
<div>
    <div style="float:left; width:53px;">Normal:</div><div style="background:yellow; width:15px; height:15px; float:left; position:relative; top:2px;"></div></div>