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;
    vertical-align:text-top
}