JSFiddle - React, Tailwind, and code Playground

HTML

<div id="">
    <div>
      <h2 class="align-middle mx-2">€330 000</h2>
      <p class="align-text-center">Total Revenue</p>
    </div>
    <div><h2 class="align-middle mx-2">€330 000</h2>
      <p class="align-text-center">Total Revenue</p>
    </div>
    <div><h2 class="align-middle mx-2">€330 000</h2>
      <p class="align-text-center">Total Revenue</p>
    </div>
    ><div><h2 class="align-middle mx-2">€330 000</h2>
      <p class="align-text-center">Total Revenue</p>
    </div>
    <div><h2 class="align-middle mx-2">€330 000</h2>
      <p class="align-text-center">Total Revenue</p>
    </div>
</div>

CSS

#row {
    white-space: nowrap;
}
#row > div {
    background: lightblue;
    display: inline-block;
    width: 254px;
    height: 91px;
}
#row > div + div {
    margin-left: 10px
}