JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

li:last-child{
    width: 200px;
}