JSFiddle - React, Tailwind, and code Playground

HTML

<div id="homecontainer">
    <div id="homeheader">
        <ul>
            <li><a href ="#">this</a></li>
            <li><a href ="#">that</a></li>
            <li><a href="#">this again</a></li>
            <li><a href="#">that again</a></li>
        </ul>
    </div>
</div>

CSS

#homeheader a:visited, #homeheader a{
    text-decoration:none;
    color:black;
    margin-right:5px;
}

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


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