JSFiddle - React, Tailwind, and code Playground

by Vishnuprasad ps

HTML

<tr>
  <td style="padding-right:10px;padding-left:10px;padding-top:30px;padding-bottom:30px;">
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td width="50%">
          <strong style="font-size: 9pt;font-family: Arial,sans-serif; color:#262626;">Installation through Amazon</strong>
          <p style="font-size: 8.5pt;font-family: Arial,sans-serif; color:#262626;">Once your order ships you can schedule an installation through Amazon. <a href="#" style="color:#262626;">Learn more.</a> </p>
        </td>
        <td width="50%" align="right">
          <a href="#" style="text-decoration:none;color:#262626;display: block;">
            <table width="90%" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td width="50%" align="center" valign="center"><img src="images/amazon-logo.svg" width="80"></td>
                <td width="50%" align="center" valign="center" style="font-size: 7.5pt;font-family: Arial,sans-serif; color:#262626;text-decoration:none;border-left:1px solid #000;">In-home charging <br> solutions available <br> through Amazon</td>
              </tr>
            </table>
          </a>
        </td>
      </tr>
    </table>
  </td>
</tr>