JSFiddle - React, Tailwind, and code Playground

HTML

<div id="hdr">
    <p>I'm in the shadows</p>
</div>

CSS

#hdr {background:#153D45; height:200px; width:220px; position:relative;}
#hdr p
{
   background:#113239; color:#ddd;
   border:solid 1px #1A4D58; border-radius:6px;
   border-top:0;
   width:150px; height:40px; text-align:center; 
   
   line-height:60px;
   position:absolute; left:30px; top:-22px;
}