JSFiddle - React, Tailwind, and code Playground
HTML
<table border="1">
<tr>
<td style="width:100px;"> </td>
<td style="width:100px;"> </td>
</tr>
<tr>
<td style="width:100px;"> </td>
<td style="width:100px;"> </td>
</tr>
<tr>
<td style="width:100px;"> </td>
<td style="width:100px;"> </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>