JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <span class="first">First</span>
  <span class="second">Second</span>
  <span class="third">Third</span>
</div>

CSS

div {
  display: -ms-flex;
  -ms-flex-direction: row;
  display: flex;
  flex-direction: row;
}

.second {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}