JSFiddle - React, Tailwind, and code Playground

HTML

<div id="context">
  Relative box:
  <div class="box">
      <div class="inside inside1"></div>
      <div class="inside inside2"></div>
      <div class="inside inside3"></div>
  </div>
</div>

CSS

.inside{
  width:50px;
  float: left;
}
.inside1 {
 height: 220px;
 background-color: red;
}
.inside2{
  height: 210px;
  background-color: blue;
}
.inside3{
  height: 200px;
  background-color: black;
}
.box {
  position: relative; display: table-cell; border: 1px solid red;
}

div#context { position: absolute; top: 100px; left: 100px;}