JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <ul>
        <li><a href="../help.html">HJEM</a></li>
        <li><a href="instructions.html">FORUM</a></li>
        <li><a href="instructions.html">DONER</a></li>
        <li style="margin-right: 0px;"><a href="legal.html">SERVERE</a>
        <li style="margin-right: 0px;"><a href="legal.html">FAQ</a></li>
        <li style="margin-right: 0px;"><a href="legal.html">KONTAKT</a></li>
  </ul>
</nav>

CSS

nav {margin: 3px 0; width: 700px;}
    nav ul {width: 700px; height: auto; list-style: none;}
    nav ul li a {
        background: #FFFFFF;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: 300;
        font-size: 18px;
        text-align: center;
        color: #717171;
        text-decoration: none;
        float: left;
        padding: 8px 0;
        width: 106px;
        margin: 0px 10px 0 0;
    }

nav ul li a:hover {background: #f1f1f1;}