JSFiddle - React, Tailwind, and code Playground

HTML

<custom-table>
<custom-tbody>
<span>A</span> <span>B</span>
<custom-col style="width: 100px"></custom-col>
<custom-td>TD</custom-td>
<span>A</span> <span>B</span>
</custom-tbody>
</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; }