JSFiddle - React, Tailwind, and code Playground

by napascual

HTML

<div>
    
    <div id="P1" style="position:relative">
        <div id="P1_child" style="z-index: 2; position:absolute">P1</div>
    </div>
    
    <div id="P2" style="position:relative">
        <div id="P2_child" style="z-index: 1; position:absolute">P2</div>
    </div>
    
</div>

CSS

#P1_child,#P2_child{width:25px;height:40px}
#P1_child{background:red}
#P2_child{background:yellow;top:15px}