JSFiddle - React, Tailwind, and code Playground

HTML

<table><caption>CAPTION</caption><tr><td>TABLE</td></tr></table>
<hr>
<div><div style="width: 80%; height: 80%;">CAPTION</div><div style="width:100px;height:100px;">TABLE</div></div>

CSS

table { width: 100px; height: 100px; }
table > caption { width: 80%; height: 80%; }


table, caption, div>div { background: rgba(0,0,0,0.25); }