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;
    white-space:nowrap;
}