JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td>Peter</td>
    <td><!--male--></td>
    <td>34</td>
  </tr>
  <tr>
    <td>Susanne</td>
    <td>female</td>
    <td>14</td>
  </tr>
</table>

CSS

td { border: 1px solid black; }
td:empty { background: lime; }
td:empty::after { content: "male"; }