JSFiddle - React, Tailwind, and code Playground

by TCHdevlp

HTML

<div id="div1" class="container">
    1
</div>

<div id="div2" class="container">
    2
    <div id="div2-2">hey</div>
</div>

<div id="div3" class="container">
   3 
</div>

CSS

.container{
    border:1px solid black;
    background-color:grey;
    width:100px;
    height:100px;
}

#div2{
    position:relative;
    top:-10px;
    left:40px;
    z-index:2;
}

#div3{
    position:absolute;
    top:70px;
    left:80px;
    z-index:3;
}

#div2-2{
    border:1px solid navy;
    background-color:blue;
    width:80px;
    height:60px;
    margin:auto;
    color:white;
    z-index:4;
}