JSFiddle - React, Tailwind, and code Playground

HTML

<custom-table>
<custom-tr>
  <custom-td>A</custom-td>
  <custom-td>
    <span>X</span>
    <span>Y</span>
  </custom-td>
  <custom-td>B</custom-td>
</custom-tr>
<custom-tr>
  <custom-td>A</custom-td>
  <span>X</span>
  <span>Y</span>
  <custom-td>B</custom-td>
</custom-tr>
</custom-table>

CSS

custom-table { display: table; }
custom-col { display: table-column; }
custom-tbody { display: table-row-group; }
custom-tr { display: table-row; }
custom-td { display: table-cell; }