JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    
    <li><a href="csshomepage.html">Home</a></li>
    <li><a href="#images">Images</a></li>
    <li><a href="#links">Links</a></li>
    <li><a href="csshomepage.html">Home</a></li>
    <li><a href="#images">Images</a></li>
    <li><a href="#links">Links</a></li>
    <li><a href="csshomepage.html">Home</a></li>
    <li><a href="#images">Images</a></li>
    <li><a href="#links">Links</a></li>
    
    
</ul>

CSS

ul {
    margin: 0;
    padding: 0;
    
}
li {
    display: inline;
    list-style: none; 
}
a:link,a:visited
{
    display:inline-block;
    margin-right: -4px;
    width:120px;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#98bf21;
    text-align:center;
    padding:4px;
    text-decoration:none;
    text-transform:uppercase;
}
a:hover,a:active
{
    background-color:#7A991A;
}