JSFiddle - React, Tailwind, and code Playground

by Henry

HTML

<ul>
  <li><span>a</span><br>1<br>2</li>
  <li><span>b</span></li>
  <li>c</li>
</ul>https://jsfiddle.net/enry/boogp5v3/2/#run

SCSS

ul {
  columns: 2;
  padding-left: 0;
}
li {
  margin-left: 30px;
  outline: 1px solid blue;
  /* -webkit-column-break-inside: avoid; */
  break-inside: avoid-column;
}
span {
  display: block;
}