JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Tyler Chevrolet</h1>


<ul class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="showRoom.html">Show Room</a></li>
<li><a href="contactUs.html">Contact Us</a></li>
<li><a href="aboutUs.html">About Us</a></li>
<li><a href="http://www.chevrolet.com">Official Site</a></li>
</ul>

CSS

h1 {text-align:center} 
ul { list-style-type:none; margin:0; padding:0; overflow:hidden; } 
li { display: inline-block; float:left; } 
a:link,a:visited { display:block; width:120px; font-weight:bold; color:black; background-color:#FFFF33; text-align:center; padding:4px; text-decoration:none; text-transform:uppercase; } 
a:hover,a:active { background-color:#0033FF; color:white; }
.nav {
    display: table; margin: 0 auto;
}