JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>li #1</li>
    <li>li #2</li>
    <li>li #3</li>
    <li>li #4</li>
</ul>

CSS

ul { margin: 0 auto; text-align: center; width: 100%; }
li { display: inline; padding: 3px 12px; border: 1px solid gray;}