JSFiddle - React, Tailwind, and code Playground

HTML

<div id="root">
       <div id="wrap1">
          <div id="text">This is some text</div>
       </div>
       <div id="wrap2">
          <div id="highlight"></div>
       </div>
    </div>

CSS

#highlight{position:absolute;top:30px;left:30px;background-color:#bbb;width:150px;height:20px;}
#root{padding:20px;background-color:#eee;border:1px solid #000;}
#text {z-index:1100}