JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <ul>
        <li><a href="index.html">Home</a>
        </li>
        <li><a href="company.html">Company</a>
        </li>
        <li><a href="team.html">Management Team</a>
        </li>
        <li><a href="contact.html">Contact</a>
        </li>
    </ul>
</body>

CSS

body {
    font: normal 300 .8em'Open Sans', sans-serif;
    overflow-x:hidden;
}
ul {
    text-align: right;
    width: 100%;
    background-color: #999;
    height: 20px;
}
li {
    display:inline;
}
ul a {
    color: white;
    padding: 0 10px;
    text-decoration: none;
}
ul a:hover {
    color: #333;
}