JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div class="wrapper">
  <li>Long name</li>
  <li>Long name</li>
  <li>Long nameakasékdaélskdélaksdélkasd</li>
  <li>Long name</li>
</div>

CSS

.wrapper{
  display: flex;
  flex-wrap: wrap;
}

li {
  flex: 1 0 40px; /* see note below */
  white-space: nowrap;
  background-color: red;
  margin: 0 15px 15px 0;
  overflow: hidden;
}