JSFiddle - React, Tailwind, and code Playground

by sjmcpherson

HTML

<table align="center" border="0" width="600"  cellpadding="0" cellspacing="0" width="100%" style="background-color:#eeeeee;">
    <tbody>
      <tr>
        <td height="65" style="padding:0 15px;color:#555555;font-family:Helvetica, Arial, sans-serif; font-size:18px; font-style:bold;">
          Guardians
        </td>
        <td height="65" style="padding:0 15px;text-align:right;color:#555555;font-family:Helvetica, Arial, sans-serif; font-size:15px;">
          "Dig in. Help out. Earn rewards"
        </td>
      </tr>

    </tbody>
  </table>
  
              <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse;">
                <tr>
                    <td bgcolor="#ffffff" style="padding: 20px 20px 20px 20px;">

  
  
  


<p>You’ve signed up to the Guardians of the Gulf prototype trial.</p>

<p>It’s early days for us at Guardians of the Gulf, and we’re very grateful for your help in trialing the website. It
will help us learn what works, what doesn’t, and how we can make it better.</p>

<p>Our ultimate goal is to connect local businesses with local people to encourage their support for local non-profits
helping the Hauraki Gulf.</p>

<p>account has been created, please click on the URL below to access it:</p>

<p style="font-size:15px;margin-top:30px;margin-bottom:20px;">Regards<br>
<em>The Guardians Team</em>
</p>
 <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-top:1px solid #dddddd;">
    <tbody>
      <tr>
         <td height="30" style="text-align:center;color:#444444;font-family:Helvetica, Arial, sans-serif; font-size:13px; font-style:bold;"><br>
           <a href="mailto:[email protected]" style="color:#888;">[email protected]</a>
       </td>
       </tr>
        <tr>
        <td height="40" style="text-align:center;color:#444444;font-family:Helvetica, Arial, sans-serif; font-size:15px; font-style:bold;">
           <a...

CSS

body{
  margin: 0; padding: 0;background-color:#eeeeee;
}