JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo">
  <div id="bar"></div>
  <div id="foobar"></div>
  <div id="raboof"></div>
</div>

CSS

#foo{
  background-color:red;
  height: 50px;
  width: 50px;
  position: relative;
}
#bar{
  background-color:blue;
  height: 50px;
  width: 50px;
  position: absolute;
}
#foobar{
  background-color: green;
  height: 50px;
  width: 50px;
  position: absolute;
}
#raboof{
  background-color: yellow;
  height: 50px;
  width: 50px;
}