JSFiddle - React, Tailwind, and code Playground

HTML

<div class="c">
  <div class="i i1"></div>
  <div class="i i2"></div>
  <div class="i i3"></div>
</div>

CSS

.c {
  display: inline-block;
  background-color: #ddd;
}

.i {
  float: left;
  width: 200px;
  height: 40px;
  background-color: #aaa;
}

.i1 {background-color: #aaa;}
.i2 {background-color: #bbb;}
.i3 {background-color: #ccc;}