JSFiddle - React, Tailwind, and code Playground

HTML

<div id="root">
    ROOT
    <div id="b">B
        <div id="ba">BA</div>
        <div id="bb">BB</div>
    </div>
</div>

CSS

#root { position: relative; background-color: cyan; height: 800px; }
#b { position: absolute; top: 20px; left: 30px; background-color: silver; width: 500px; height: 200px; }

#ba { position: absolute; top: 20px; right: 0px; }
#bb { position: absolute; bottom: 20px; right: 0px; }