JSFiddle - React, Tailwind, and code Playground
HTML
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">Header</td>
</tr>
<tr>
<td>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="60" align="center">1</td>
<td width="60" align="center">2</td>
<td width="60" align="center">3</td>
<td width="60" align="center">4</td>
<td width="60" align="center">5</td>
<td width="60" align="center">6</td>
<td width="60" align="center">7</td>
<td width="60" align="center">8</td>
<td width="60" align="center">9</td>
<td width="60" align="center">10</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10"><span style="font-size:1px"> </span></td>
</tr>
<tr>
<td height="300" align="center" bgcolor="888888"> </td>
</tr>
<tr>
<td height="10"><span style="font-size:1px"> </span></td>
</tr>
<tr>
<td height="30" align="center" bgcolor="888888"> </td>
</tr>
<tr>
<td height="10"><span style="font-size:1px"> </span></td>
</tr>
<tr>
<td>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="190" height="50" align="center" bgcolor="888888">1</td>
<td width="15" align="center"> </td>
<td width="190" height="50" align="center" bgcolor="888888">2</td>
<td width="15" align="center"> </td>
<td width="190" height="50" align="center" bgcolor="888888">3</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10"><span style="font-size:1px"> </span></td>
</tr>
<tr>
<td>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="300"> </td>
<td width="300" bgcolor="888888">box</td>
</tr>
</table>
</td>
</tr>
</table>