JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html lang="fr">
   <head>
      <meta charset="utf-8">
      <title>Tableau</title>
   </head>
   <body>
      <table cellpadding="0" cellspacing="0" border="0" width="650" style="width: 650px; " class="full-width">
         <tr>
            <td height="40" bgcolor="#FFFFFF">
            </td>
         </tr>
         <tr>
            <td width="200" align="center" valign="middle" bgcolor="#b97a57" style="vertical-align: middle;padding:  0 0 0 0; line-height: 0px; color: #ffffff; " class="w-auto pl-20 pr-20">
               <a class="font-15" href="#" style="font-family:Arial,Georgia, 'Times New Roman', Times, serif; font-size: 20px; text-decoration: none; color: #ffffff; text-align: center; text-decoration: none;" target="_blank">
               Lorme lipsum 
               </a>
            </td>
            <td width="50" style="padding:0 0px 0 0; line-height: 0px;
               ">
               <a href="#" target="_blank">
               <img src="https://image.noelshack.com/fichiers/2019/37/5/1568400276-bouton.png" width="32" height="35" border="0" alt="test" style="display:block;" />
               </a>
            </td>
            <td width="400" style="padding:0 0px 0 0; line-height: 0px;">
            </td>
         </tr>
         <tr>
            <td height="20" bgcolor="#FFFFFF">
            </td>
         </tr>
      </table>
   </body>
</html>