JSFiddle - React, Tailwind, and code Playground

by rluuan

HTML

<div class=d>
  A
  <div class=c>
  C
</div>
  <div class=b>
    B
  </div>

</div>

CSS

.a { 
  width: 100px;
  height: 100px;
  background: red;
  z-index: 20;
  position: relative;
}
.b { 
  width: 100px;
  height: 100px;
  background: blue;
  z-index: 91;
  position: absolute;
}
.c { 
  width: 100px;
  height: 100px;
  background: yellow;
  z-index: 30;
  position: absolute;
}