JSFiddle - React, Tailwind, and code Playground

by fersterin

HTML

<div id ="first">First
  <div class="one"></div>
</div> 
<div id ="second">Second
  <div class="two"></div>
</div> 
<div id ="third">Третий
  <div class="three"></div>
</div>

CSS

#first , #second , #third {
  width: 100px;
  height: 100px;
  position: absolute;
  }
#first {
  background-color: #c0c0c0;
}
#second {
  background-color: lightgreen;
  top: 50px;
  left: 50px;
}
#third {
  background-color: lightblue;
  top: 100px;
  left: 100px;
}

/* Блоки внутренние */
.one, .two, .three {
  width: 30px;
  height: 30px;
}
.one {
  background-color: red;
  position: absolute;
  z-index: 5;
  top: 50px;
}
.two {
  background-color: blue;
}
.three {
  background-color: yellow;
}