JSFiddle - React, Tailwind, and code Playground

by Sasá Rafalsky

HTML

<tbody>
    <tr>
      <td style="border-collapse:collapse">
        <table align="center" width="600" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;font-family:Arial,sans-serif;font-weight:normal;margin:0 auto;max-width:600px;min-width:600px;width:600px">
          <tbody>
            <tr>
              <td>
                <table width="600" align="center" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;font-family:Arial,sans-serif;font-weight:normal;margin:0 auto;width:600px">
                  <tbody>
                    <tr>
                      <td style="border-collapse:collapse;padding:0 5px">
                        <table width="auto" align="left" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;font-family:roboto,arial;font-weight:500;width:auto">
                          <tbody>
                            <tr>
                              <td style="border-collapse:collapse;padding-bottom:30px;padding-top:32px">
                                <img src="https://ci3.googleusercontent.com/meips/ADKq_NbDeHTc7GHKlhjSwNPuRwOy2BPPrqwGXxfwk2V871-mhsoCPPcTkDDZshlZZG2aLubKVMBwpblhLTBGHHgNubKW9F-dO4kB_hz3jUDpbQ=s0-d-e1-ft#https://services.google.com/fh/files/emails/new_logo.png" width="261" alt="" style="outline:none;text-decoration:none" class="CToWUd" data-bit="iit">
                              </td>
                            </tr>
                          </tbody>
                        </table>
                        <table role="presentation" width="auto" align="right" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;font-family:roboto,arial;font-weight:500;width:auto">
                          <tbody>
                            <tr>
                              <td style="border-collapse:collapse;padding-right:0;padding-top:41px">
                                <table cellspacing="0" cellpadding="0" border="0"...