JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div class="item">
    &nbsp;
</div>

<div class="item">
    <div class="item-abs">
        &nbsp;
    </div>
</div>

<div class="item2">
    &nbsp;
</div>

CSS

.item,.item2
{
    position:relative;
    z-index:2;
    float:left;
    background-color:red;
    width:100px;
    height:100px;
    margin:10px;
}
.item2 {
 z-index:4;   
}
.item-abs
{
    position:absolute;
    top:10px;
    left:40px;
    background-color:blue;
    width:100px;
    height:100px;    
}