JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box1"></div>
<div id="box2">
    <div id="box3">some text inside some text</div>
</div>

CSS

#box1 { width: 300px; height: 100px; background: #ffd; margin-left: 60px }
#box2 { width: 300px; height: 100px; background: #fa0; margin-left: 60px }
#box3 { width: 100px; height: 80px; background: #af0; position: absolute; left: 20px;  }