JSFiddle - React, Tailwind, and code Playground

by Vladimir Kutepov

HTML

<ul>
  <li>Number one<br/>1<br/>1</li>
  <li>Number two<br/>2</li>
  <li>Number three</li>
  <li>Number four is a bit longer</li>
  <li>Number five</li>
</ul>

CSS

body {
  
}
ul {
  column-count: 3;
}
li {
 break-before: column;
}