JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <ul id="menu">
        <li><a href="index.html">Home</a>
        </li>
        <li><a href="Radio Veronica.html">Radio Veronica</a>
        </li>
        <li><a href="Radio 10.html">Radio 10</a>
        </li>
        <li><a href="Radio 2.html">Radio 2</a>
        </li>
    </ul>
</div>

CSS

ul#menu {
    display:block;
    width: 100%;
    background-color:black;
    overflow:auto;
    padding: 15px;
}
#menu a {
    color: white;
    text-decoration: none;
    font-family:"Helvetica Neue", Helvetica, Arial;
    padding:20px;
    margin:0;
}
#menu li {
    list-style-type:none;
    float:left;
}
#menu a:visited {
    color:white
}
#menu a:hover {
    color:white
}
#menu a:active {
    color:white
}