JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
 <ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">Impressum</a></li>
 </ul>
</nav>

CSS

nav {
 float:left;
 width:100%;
 background:#f00;
}
nav ul , nav li {
 margin:0;
 padding:0;
 list-style:none;
}
nav ul li {
 display:inline-block;
 padding: 16px;
}
nav ul li a {
 padding:5px;
 color: #FFFFFF;
 text-decoration: none;
}
nav li a:hover, nav li a:focus {
 background: #000;
}