JSFiddle - React, Tailwind, and code Playground

HTML

<div id="homecontainer">
    <div id="homeheader">
        <ul>
            <li><a href ="#">Features</a></li>
            <li><a href ="#">Demos</a></li>
            <li><a href="#">Feedback Analysis</a></li>
            <li><a href="#">Free Account</a></li>
        </ul>
    </div>
</div>

CSS

#homeheader a:visited, #homeheader a{
    text-decoration:none;
    color:black;
    border-bottom:1px solid #102447;
}

#homeheader a {
    margin-left: 1px;
    margin-right: 6px;
}

#homeheader a:hover{
    margin-left: 0;
    margin-right: 5px;
    background-color:#D0DDF2;
    border-radius:5px;
    border:1px solid #102447;
}


#homeheader li{
    padding:0;
    margin:0px 10px;
    display:inline;
    font-size:1em;
}