JSFiddle - React, Tailwind, and code Playground

by meetravi

HTML

<div bgcolor="#edf6ff">


<table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#edf6ff">
<tbody><tr>
<td style="padding:10px 0px">

  
  <table width="628" border="0" cellspacing="0" cellpadding="0" align="center">

    
    <tbody><tr>
      <td>
          <table width="600" border="0" cellspacing="0" cellpadding="0" align="center">
          <tbody><tr>
          <td align="left" style="font-family:Verdana,Geneva,sans-serif;font-size:9px;color:#808285;padding-bottom:13px"><span style="font-family:Verdana,Geneva,sans-serif;font-size:12px;color:#000000"><span style="padding-bottom:10px"><a name="1390c2b8bb51028d_part_1"></a></span></span>
          
          If you are having problems viewing this email, you can view a <a name="1390c2b8bb51028d_view_mobile" href="http://info.tfl.gov.uk/public/read_message.jsp?tsp=1344526121278&amp;custid=6210&amp;uid=6230954955&amp;sig=OLDHAFLMMBNKECND&amp;mid=600564889&amp;device=mobile" style="color:#0019a8;text-decoration:underline" target="_blank">mobile version</a> or an <a name="1390c2b8bb51028d_view_online" href="http://info.tfl.gov.uk/public/read_message.jsp?tsp=1344526121278&amp;custid=6210&amp;uid=6230954955&amp;sig=OLDHAFLMMBNKECND&amp;mid=600564889" style="color:#0019a8;text-decoration:underline" target="_blank">online version</a>. To ensure our email updates are delivered to your inbox, please add <a href="mailto:[email protected]" target="_blank">[email protected].<wbr>gov.uk</a> to your email address book.
          
</td>
          </tr>
        </tbody></table>
      </td>
    </tr>

    
    <tr>
      <td>
          <table width="628" border="0" cellspacing="0" cellpadding="0">
          <tbody><tr>

              
            <td width="1" bgcolor="#ecf5fe"></td>
            <td width="1" bgcolor="#eaf3fc"></td>
            <td width="1" bgcolor="#e8f1fa"></td>
            <td width="1" bgcolor="#e6eff7"></td>
            <td width="1" bgcolor="#e4ecf4"></td>
...