JSFiddle - React, Tailwind, and code Playground

HTML

<div class="float">
    <div class="inner"></div>
</div>
<div class="float">
    <div class="inner"></div>
</div>
<div class="float">
    <div class="inner"></div>
</div>

CSS

.float {
    float:left;
    width:100px;
    height:200px;
    background:#000;
    margin:5px;
    position:relative;
    /*z-index:-5;*/
}
.inner {
    width:75px;
    height:50px;
    background:#090;
    position:absolute;
    margin:0 0 0 50px;
    z-index:5;    
}