JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<table role="presentation" cellpadding="0" cellspacing="0" width="100%" style="font-size: 14px; line-height: 1.5;">
  <tr>
    <td style="padding-top: 20px;">
      <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #e8e6e9; background-color: white;">
        <tr>
          <td valign="top" width="50%" style="text-align:left; padding: 15px;">
            <div style="font-weight: 500; font-size: 115%; margin-bottom: 5px;">Delivery address</div>
            <div>Chili Maker AB</div>
            <div>Chilinötgatan 0</div>
            <div>302 49, Halmstad</div>
          </td>

          <td valign="top" width="50%" style="text-align:left; padding: 15px; padding-left: 0;">
            <div style="font-weight: 500; font-size: 115%; margin-bottom: 5px;">Invoice address</div>
            <div>Chili Maker AB</div>
            <div>Chilinötgatan 0</div>
            <div>302 49, Halmstad</div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>