JSFiddle - React, Tailwind, and code Playground

by fireofsouth

HTML

<div id= "root">
  <div id="test">
    
  </div>
</div>
<div id= "fuck-root">
  <div id="fuck">
  </div>
</div>
<div id= "ha">
  <div id="haha">
  </div>
</div>

CSS

#root{
  position:relative;
  z-index:0
  
}
#fuck-root{
  position:relative;

}
#test {
  position:absolute;
  top:0;
  left:0;
  width:100px;
  height:200px;
  background:red;
  z-index:2;
  
}
#fuck {
  position:absolute;
  top:0;
  left:0;
  width:200px;
  height:100px;
  background:blue;
  z-index:3;
}
#ha {
   position:relative;
   z-index:0
}
#haha {
  position:absolute;
  top:0;
  left:0;
  width:150px;
  height:150px;
  background:orange;
  z-index:4

}