JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div class='box'></div>
<div class='height-20'></div>
<div class='box'></div>

<div class='separator'></div>

<div>
<div class='box ib'></div>
</div>
<div class='height-20'></div>
<div>
<div class='box ib'></div>
</div>

CSS

.box {
  border: 1px solid #ccc;
  width: 50px;
  height: 50px;
  margin: 10px 0;
}
.ib {
  display: inline-block;
}
.height-20 {
  height: 20px;
  background-color: #ccc;
}
.separator {
  height: 1px;
  background-color: teal;
}