JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>item item item</li>
    <li>item item item</li>
    <li>item item item</li>
    <li>item item item</li>

    <li>item item item</li>
    <li>item item item</li>
    <li>item item item</li>
</ul>

CSS

ul li { position: relative; border:1px solid red; display: inline-block; text-align: center;  }
ul { text-align:center; }