JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td>
      <div>
        Hello I want to break everything on your CSS but unfortunately I cannot.
      </div>
    </td>
    <td>
      <div>
        test
      </div>
    </td>
  </tr>
</table>

CSS

table { height: 1px; }
tr { height: 100%; }
td { height: 100%; }
td > div { height: 100%; }


/* just to test that it's full height */
table { width: 100px; }
td:nth-child(2) > div { background: lightgray; }