JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

<col width="200px" style="background-color: lightblue;">
<col style="background-color: lightpink">
<col width="200px" style="background-color: lightgreen">

<tr valign="top">
	<td align="center" colspan="3" height="80"><img src="http://fontm.com/wp-content/uploads/preview.php?text=Headline%20Text&font=2012/09/Headlinetext.ttf&ulc=" border="0" width="435" height="77" align="bottom" alt=""></td>
</tr>

<tr valign="top">
	<td colspan="3" height="18" bgcolor="#A3825C">Spanning 3 columns</td>
</tr>

<tr valign="top" align="center">
  <td><font face="Calibri" size="3">Left text lets see how wide it can be when I write longer stuff in it.</font></td>
  <td align="center">Center</td>
  <td><font face="Calibri" size="3">Right</font></td>
</tr>
</table>

</body>