JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li> first item </li>
    <li> second item very long content </li>
    <li> third item </li>
    <li> This is 200px wide</li>
</ul>

CSS

li {
  display: block;
  float: left;
  clear: both;
  border: 1px solid lightCoral;
  list-style: none;
  padding: 4px 6px;
  margin: 5px;
  min-width: 120px;
  max-width: 250px;
}

<ul>
  <li>first item</li>
  <li>second item very long content</li>
  <li>third item</li>
  <li>This is 200px wide</li>
</ul>