JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <div class="box blue" style="float:left">blue 100x100</div>
  <div class="green" style="height: 200px; width:200px">
    <span class="yellow">yellow inline</span>
  </div>
  <div class="box red">red 100x100</div>
</div>

CSS

.box {
  width: 100px;
  height: 100px;
}

.blue {
  background-color: blue;
}

.green {
  background-color: green;
}

.red {
  background-color: red;
}

.yellow {
  background-color: yellow;
}