JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<div style="position: relative" class="parent">
<div id="child1" class="child">1</div>
<div id="child2" class="child">2</div>
<div id="child3" class="child">3</div>
</div>
</div>

CSS

#child1 {
  top: 0px; 
  left: 0px;
  background:red;
}
#child2 {
  top: 50px; 
  left: 0px;
  background:blue;
}
#child3 {
  top: 0px; 
  left: 50px;
  background:green;
}
.child {
  position: absolute; 
  width: 48px;
  height: 48px;
  border: 2px black solid;
}