JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    		<div id="childOne">
    			<div id="childTwo">A nice sentence if here</div>
    		</div>
    	</div>

CSS

#parent{ height:100%; position:absolute; top:0; left:0; padding:0 10px; background:#ccc; }
#childOne{ width:30px; height:30px; position:relative; top:100px; background:#000; }
#childTwo{ position:absolute; top:-15px; left:50px; padding:10px; font-size:10px; background:#f00; color:#fff; }