JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
            <li>первый большой</li>
            <li>второй</li>
            <li>третий ну вообще просто огромный</li>
            <li>четвертый обычный</li>
            <li>пятый, ну так, чтобы убедиться, что удлиняется</li>
        </ul>

CSS

ul{
list-style:none;
margin:0 auto;
padding:0;
text-align:center;
}

li{
display:inline-block;
border:1px solid #ccc;
}