JSFiddle - React, Tailwind, and code Playground

HTML

<div class="centerme">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<ul>
</div>

CSS

#nav ul{
margin-right:auto;
margin-left:auto;}

#nav ul li{
float:left;
background-color:#333;
color:#fff;
padding:15px;
margin:10px;}

.centerme {
    width:200px;
    margin:0 auto;
    background-color:lightblue;
}