JSFiddle - React, Tailwind, and code Playground

by alexb

HTML

<div>
  <span></span>
  <span></span>
  <span></span>
</div>

CSS

* { box-sizing: border-box; }

div {
  border: 1px dashed rgba(255, 0, 0, 0.7);
  display: flex;
  width: 300px;
}

span {
  border: 1px dashed rgba(0, 255, 0, 0.7);
  height: 40px;
  width: 100px;
}

span:nth-child(2) {
  width: 120px;
}