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 0 0 15px;">
            <div style="font-weight: 500; font-size: 115%; margin-bottom: 5px;">Orderinformation</div>
          </td>
        </tr>

        <tr>
          <td valign="top" width="50%" style="text-align:left; padding: 0 0 15px 15px;">
            <div style="font-weight: 500;">Kundnummer:</div> 805564
          </td>

          <td valign="top" width="50%" style="text-align:left; padding: 0 15px 15px 15px;">
            <div style="font-weight: 500;">Orderdatum:</div> 11/1/2021
          </td>
        </tr>

        <tr>
          <td valign="top" width="50%" style="text-align:left; padding: 0 0 15px 15px;">
            <div style="font-weight: 500;">Leveranssätt:</div> Ekonomifrakt
          </td>

          <td valign="top" width="50%" style="text-align:left; padding: 0 15px 15px 15px;">
            <div style="font-weight: 500;">Betalningssätt:</div> Faktura
          </td>
        </tr>

        <tr>
          <td valign="top" width="50%" style="text-align:left; padding: 0 0 15px 15px;">
            <div style="font-weight: 500;">Er referens:</div> Zoran Gavric
          </td>

          <td valign="top" width="50%" style="text-align:left; padding: 0 15px 15px 15px;">
            <div style="font-weight: 500;">Ert ordernummer:</div> CHILI-1234
          </td>
        </tr>
        
        <!-- comment start - don't show if no comment -->
        <tr>
          <td valign="top" width="60%" colspan="2" style="text-align:left; padding: 0 0 15px 15px;">
            <div style="font-weight: 500;">Orderkommentar:</div>

            <div style="font-size: 13px;">
              Lorem ipsum...