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;">
  <!-- each product is it's own tr in the table -->
  <tr>
    <td style="padding-top: 5px;">
      <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #e8e6e9; background-color: white;">
        <tr>
          <td valign="top" width="60%" style="text-align:left; padding: 15px 0 15px 15px;">
            <div class="product-entry">
              <div class="text">
                <div style="font-weight: 600;">Kablage 4 m till</div> <span>Art.Nr: 68038-28</span>
              </div>
            </div>
          </td>
          <td valign="top" width="40%" style="text-align:right; padding: 15px 15px 0 15px;"> Antal 3 x 245kr<br>
            <div>Totalt <span style="font-weight: 600;">735kr</span></div>
          </td>
        </tr>
        
        <!-- shipping 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>Skickas nu: 1 / Skickas senare: 2</div>
          </td>
        </tr>
        <!-- shipping end -->
        
        <!-- 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;">Kommentar:</div>
            <div style="font-size: 13px;"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque nisi sequi adipisci quibusdam perferendis aut sunt sed omnis tenetur aspernatur. </div>
          </td>
        </tr>
        <!-- comment end -->
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding-top: 5px;">
      <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #e8e6e9; background-color: white;">
        <tr>
          <td valign="top" width="60%" style="text-align:left; padding: 15px 0 15px 15px;">
            <div...

CSS

body {
  background-color: #ededed;
}