JSFiddle - React, Tailwind, and code Playground

by Andres Abadia

HTML

<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
  <tr>
    <td align="center">
      <table border="0" cellspacing="0" cellpadding="0" role="presentation">
        <tr>
          <td class="innertd buttonblock" bgcolor="#000000" style=" border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px 40px; color: #FFFFFF; background-color: #000000;"><a target="_blank" class="buttonstyles-inverse pad-0px buttonstyles" style=" font-size: 14px; font-family: Arial, helvetica, sans-serif; color: #FFFFFF; text-align: center; font-weight: normal; text-decoration: none; display: block; line-height: 100%; background-color: #000000; border: 1px solid #000000; padding: 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;" href="https://URLgoeshereforthebutton.com" title="CTA" alias="CTA" conversion="false" data-linkto="https://">Donate</a></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

JavaScript

<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0" role="presentation"><tr><td class="innertd buttonblock" bgcolor="#000000" style=" border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px 40px; color: #FFFFFF; background-color: #000000;"><a target="_blank" class="buttonstyles-inverse pad-0px buttonstyles" style=" font-size: 14px; font-family: Arial, helvetica, sans-serif; color: #FFFFFF; text-align: center; font-weight: normal; text-decoration: none; display: block; line-height: 100%; background-color: #000000; border: 1px solid #000000; padding: 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;" href="https://URLgoeshereforthebutton.com" title="CTA" alias="CTA" conversion="false" data-linkto="https://">Donate</a></td></tr></table></td></tr></table>