JSFiddle - React, Tailwind, and code Playground

HTML

<div>a<custom-tbody>X</custom-tbody>b</div>
<div><span>a<custom-tbody>X</custom-tbody>b</span></div>
<div><span style="float:left">a<custom-tbody>X</custom-tbody>b</span></div>
<div><span style="position:absolute">a<custom-tbody>X</custom-tbody>b</span></div>

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; }

body * { background: rgba(0,0,0,0.2)}