JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ul>

CSS

ul {
width:auto;
display:table;
margin-left:auto;
margin-right:auto;
}
ul li {
float:left; 
list-style:none; 
margin-right:1rem;
}