JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="div1"></div>
  <div class="div2"></div>
  <div class="div3"></div>
</div>

CSS

div {
  margin:-4px 0 0 -4px;
}

.container {
  width:128px;
}

.div1 {
  display:inline-block;
  width:64px;
  height:64px;
  background-color:red;
  vertical-align:top;
}

.div2 {
  display:inline-block;
  width:64px;
  height:80px;
  background-color:green;
  position:relative;
}

.div3 {
  display:inline-block;
  width:64px;
  height:16px;
  background-color:blue;
  position:relative;
  top:-18px;
}