JSFiddle - React, Tailwind, and code Playground

by infous

HTML

<div id="one"></div>

<div id="two"></div>

<div id="three"></div>

<div id="four"></div>

<div id="five"></div>

CSS

div { display: inline-block; vertical-align: middle; }

#one {
  background: red;
  width: 50px;
  height: 50px;
}

#two {
  background: green;
  width: 100px;
  height: 100px;
}

#three {
  background: blue;
  width: 40px;
  height: 40px;
}

#four {
  background: orange;
  width: 80px;
  height: 80px;
}

#five {
  background: purple;
  width: 90px;
  height: 90px;
}