JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>1<br>...</li>
  <li>2</li>
  <li>3</li>
  <li>4<br>...</li>
</ul>

CSS

ul {
  background: grey;
  padding: 10px;
  -webkit-column-count: 4;
  -webkit-column-gap: 10px;
  -moz-column-count: 4;
  -moz-column-gap: 10px;
  column-count: 4;
  column-gap: 10px;
}

li {
  text-align: center;
  display: inline-block;
  background: white;
  width: 100%;
  margin-bottom: 10px;
}