JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<ul>
  <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  <li>Aliquam </li>
  <li>Vestibulum auctor</li>
  <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  <li>Aliquam tincidunt mauris eu risus.</li>
  <li>Vestibulum auctor dapibus neque.</li>
</ul>

CSS

ul {
  width: 500px;
}
li {
  width: 200px;
  float:left;
  margin-bottom: 10px;
}
li:nth-child(even) {
  float: right
}