JSFiddle - React, Tailwind, and code Playground
by seankoole
HTML
<!-- YOUR HTML - Lots of spaces (<table attr attr. attr>), and weird formatting (<td><table) -->
<table mc:repeatable="content" mc:variant="coupon" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" bgcolor="#ffffff" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="115" class="em_hide"> </td>
<td valign="top" class="em_side_space"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="280" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td mc:edit="wdsofc" valign="middle" bgcolor="#ffffff" height="50" style="border:1px dashed #888888;padding-left: 10px;padding-right: 10px;font-family:'Open Sans', Avenir, Arial, sans-serif;font-size:14px;text-align:center;border-radius:40px;color:#877770; text-transform:uppercase;font-weight:700;">
<a href="#" target="_blank" style="text-decoration:none;color:#877770;display:block;line-height: 50px;">
1OPERCENT
</a>
</td>
</tr>
</table></td>
</tr>
</table></td>
<td width="115" class="em_hide"> </td>
</tr>
</table></td>
</tr>
</table>
<!-- HTML AFTER WE ARE DONE WITH IT -->
<table mc:repeatable="content" mc:variant="coupon" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<table bgcolor="#FFFFFF" border="0" cellpadding="0"...