JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div class="item" style="z-index:5;">aa<div class="tools">22</div></div>
    <div class="item" style="z-index:4;">as<div class="tools">33</div></div>
    <div class="item" style="z-index:3;">asd<div class="tools">44</div></div>
    <div class="item" style="z-index:2;">asd<div class="tools">55</div></div>
    <div class="item" style="z-index:1;">asd<div class="tools">66</div></div>
</div>

CSS

.item {
    width: 20px;
    height: 20px;
    background: red;
    position:relative;
    float:left;
    margin-right:2px;
}
.tools {
    width: 20px;
    height: 20px;
    background: blue; 
    position:absolute;
    top: 5px;
    left: 5px;
}