JSFiddle - React, Tailwind, and code Playground

HTML

<table id="theTable">
      <tr>
        <th>A</th>
        <th>B</th>
        <th>C</th>
      </tr>
      <tr>
        <td><div>a1</div></td>
        <td><div>b2</div></td>
        <td><div>c2</div></td>
      </tr>
      <tr>
        <td><div>a2</div></td>
        <td><div>b2</div></td>
        <td><div>c2</div></td>
      </tr>
    </table>

CSS

table{width:500px;height:600px;}
    table td {position: relative;}
    table td div{
        position:absolute;
        backgroundcolor:red;
        top:0;
        right:0;
        bottom:0;
        left:0;
        text-align: center;
    }