JSFiddle - React, Tailwind, and code Playground

HTML

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

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 {float: right;}
ul a {color: white; padding: 0 10px; text-decoration: none;}
ul a:hover {color: #333;}