JSFiddle - React, Tailwind, and code Playground

by thilakar

HTML

<div class="main">
    <div class="one">
        <p>1</p>
    </div>
    <div class="two">
        <p>2</p>
    </div>
    <div class="three">
        <p>3</p>
    </div>
    <div class="four">
        <p>4</p>
    </div>
</div>

CSS

.main {
     width:100%; 
     height:auto;
    position:relative;  
    
}
.one {
  position:absolute;
  top:0px;
   left:0px; 
    z-index:0;    
      background:#fff;  

}
.two {
     position:absolute;
  top:0px;
   left:0px; 
    z-index:1; 
  background:#fff;  
}
.three {
     position:absolute;
  top:0px;
   left:0px; 
    z-index:2;    
      background:#fff;  

}
.four {
  position:absolute;
  top:0px;
  left:0px; 
  z-index:3;    
      background:#fff;  

}