JSFiddle - React, Tailwind, and code Playground

HTML

<nav class=" navbar navbar-default" role="navigation">
    <ul class="nav navbar-nav">
        <li><a href="#">HEM</a>
        </li>
        <li><a href="#">OM</a>
        </li>
        <li><a href="#">VAD ÄR VI?</a>
        </li>
        <li><a href="#">TJÄNSTER</a>
        </li>
        <li><a href="#">VARFÖR?</a>
        </li>
        <li><a href="#">KONTAKT</a>
        </li>
    </ul>

CSS

ul { text-align:center; }
.navbar-nav {width: 650px; border:1px solid black;}
.navbar-nav li {display:inline-block; border: 1px solid black; margin: 5px; }