JSFiddle - React, Tailwind, and code Playground

by abhishek_soni

HTML

<table>
  <tr>
    <td>
      <svg height="40" width="200">

        <rect x="10" y="10" width="100" height="20" rx="10px" fill="#4EDFA5" />

      </svg>
    </td>

  </tr>
  <tr>
    <td>
      <svg height="40" width="200">

        <rect x="10" y="10" width="100" height="20" rx="10px" fill="#000000" />

      </svg>
    </td>
  </tr>
</table>
<!-- <table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  </table> -->

CSS

table, th, td {
border: 1px solid black;
border-collapse: collapse;
}