JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
      <li>Long text goes here.</li>
      <li>Another Longer Text Goes Here</li>
      <li>Shorter text</li>
    </ul>

CSS

ul {width:150px;}
li {width:30%; display:inline-block;whitespace:pre-line;}