JSFiddle - React, Tailwind, and code Playground

HTML

<div><!--
--><wrapper><!--
------><inline-block></inline-block><!--
------><float><canary></canary></float><!--
--></wrapper>
</div>

CSS

wrapper, wrapper>float>canary { position: absolute; width: 200px; height: 200px; }
wrapper>inline-block { width: 300px; height: 300px; }
wrapper>float { float: left; }

wrapper, float, canary { display: block; }
inline-block { display: inline-block; }
wrapper { outline: 9px solid green; }
float { outline: 6px solid blue; }
canary { outline: 3px solid red; }
inline-block { background: rgba(255,255,0,0.5); }