JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Tyler Chevrolet</h1>


<ul>
<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;
    }