JSFiddle - React, Tailwind, and code Playground

HTML

<div><table style="flex: 0 0 0%"><tr><td width=50px>123</td><td width=50%>456</td></tr>
</table><span style="display: block; flex: 1 1 auto; background: lime;">abc</span></div>

<div><img style="width: 50%"/></div>

<div><section style="width: 50%; height: 16px;"/></div>

CSS

div { display: flex; float: left; clear: left; margin-bottom: 10px; }
table { table-layout: fixed; width: 33%; border-spacing: 5px; }
table { background: blue; }
td { background: yellow; }
div { outline: 3px solid red; }