JSFiddle - React, Tailwind, and code Playground

by lindychen

HTML

<tbody>
  <tr class="cart_item">
    <td class="product-name">
      Heritage 1921&nbsp; <strong class="product-quantity">×&nbsp;2</strong> </td>
    <td class="product-total">
      <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>5,000.00</span> </td>
    <td class="product-remove" align="right">
      <a href="https://www.test.com/" class="remove" aria-label="Remove this item" data-product_id="617" data-product_sku="" align="right">×</a></td>
  </tr>
  <tr class="cart_item">
    <td class="product-name">
      Heritage 1863&nbsp; <strong class="product-quantity">×&nbsp;2</strong> </td>
    <td class="product-total">
      <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>100.00</span> </td>
    <td class="product-remove">
      <a href="https://www.test.com" class="remove" aria-label="Remove this item" data-product_id="43" data-product_sku="">×</a></td>
  </tr>
  <tr class="cart_item">
    <td class="product-name">
      Heritage 1863&nbsp; <strong class="product-quantity">×&nbsp;1</strong> </td>
    <td class="product-total">
      <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>2,500.00</span> </td>
    <td class="product-remove">
      <a href="https://www.test.com" class="remove" aria-label="Remove this item" data-product_id="620" data-product_sku="">×</a></td>
  </tr>
</tbody>