JSFiddle - React, Tailwind, and code Playground

by Santosh Thakur

HTML

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:#dedede">
  <tbody>
    <tr>
      <td style="background:#dedede;height:50px"></td>
    </tr>
    <tr>
      <td style="background:#ffffff;color:#ffffff;border:1px solid #ccc;display:block;font-weight:600;max-width:600px;margin:0 auto;clear:both" bgcolor="#ffffff">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tbody>
            <tr>
              <td height="10"></td>
            </tr>
            <tr>
              <td width="49%" style="padding:0 0 0 10px">
                this is test
              </td>
              <td width="49%" align="right" style="padding:0 10px 0 0">
                
              </td>
            </tr>
            <tr>
              <td height="10"></td>
            </tr>
          </tbody>
        </table>
        <table style="width:100%" width="100%" cellspacing="0" cellpadding="5" border="0" bgcolor="#333333">
          <tbody>
            <tr>
              <td width="33%" align="center"> </td>
              <td style="color:#efefef" width="1%">&nbsp;|&nbsp;</td>
              <td width="33%" align="center"> </td>
              <td style="color:#efefef" width="1%">&nbsp;|&nbsp;</td>
              <td width="32%" align="center"> </td>
            </tr>
          </tbody>
        </table>
        <table width="100%" cellspacing="0" cellpadding="0" border="0">
          <tbody>
            <tr>
              <td></td>
              <td style="background:#ffffff;color:#ffffff;display:block;font-weight:300;max-width:600px;margin:0 auto;clear:both" bgcolor="#ffffff">
                <table style="font-size:12px;font-weight:300;border-bottom-width:1px" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
                  <tbody>
                    <tr>
                      <td width="100%">

                      </td>
                    </tr>
                  </tbody>
                </table>
 ...