JSFiddle - React, Tailwind, and code Playground
by Victor
HTML
<!-- Begin 100% Wrapping Table -->
<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center" style="margin:0; padding:0;border-collapse:collapse; border-spacing:0;width:100%;">
<tr>
<td style="padding:20px 0;">
<!-- Begin Main Template Table -->
<table border="0" cellspacing="0" cellpadding="0" width="600" align="center" style="border-collapse:collapse; border-spacing:0; margin:0; padding:10px; width:600px; font-family: Arial, Sans-serif; font-size:12px; margin:0 auto; line-height:1.33;border:5px solid #2571B3">
<tr>
<td style="text-align:center;font-size:12px;background:#ececec"><p style="background:#ececec; margin:0;padding:10px;">Having trouble viewing this? See it on the web — <a href="#" style="color:#0066a4;">Click Here</a>.</p></td>
</tr>
<tr height="200">
<td style=" margin:0;background:url('http://www.pureflex.com/images/clouds-email.jpg');">
<img src="http://www.pureflex.com/images/logo.png" width="272" alt="Fancy Header Image" style="display:block ;margin:0 auto;" />
</td>
</tr>
<tr>
<td style="background:;padding:20px 0">
<!-- Main Content table -->
<table border="0" cellspacing="0" cellpadding="0" width="600" style="border-collapse:collapse; border-spacing:0; margin:0; padding:0; width:600px; font-family: Arial, Sans-serif; font-size:12px;">
<tr style="margin-bottom:20px;">
<!-- Spacing Column -->
<td width="20" valign="top" style="width:20px;"> </td>
<!-- Main Column -->
<td width="360" valign="top" style="width:360px; font-family: Arial, Sans-serif; font-size:12px; text-align:center">
<h1 style=" text-align:center;font-size:18px;margin:0 0 0.5em;padding:0;font-weight:400;">Hose Questionarrie</h1>
<!-- Questions Table-->
<table border="0" cellspacing="0" cellpadding="0" width="600" style="border-collapse:collapse; border-spacing:0; margin:0; padding:0;...