JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
  <div id="box"></div>
  <div>OIL</div>
</div>

<div id="parent">
  <div id="box"></div>
  <div>OWL</div>
</div>

CSS

#parent {
  background: yellow;
  height: 120px;
  margin-bottom: 20px;
  width: 100px;
  word-wrap: break-word;
}

#box {
  background: red;
  float: left;
  height: 100px;
  width: 100%;
}