JSFiddle - React, Tailwind, and code Playground

by Marc

HTML

<div class="wrap">
    
<nav class="nav" role="navigation" aria-label="main navigation">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Menu</a></li>
    <li><a href="#">Impressie</a></li>
    <li><a href="#">Media</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>
    
</div>

CSS

.nav{list-style:none; text-align:center;}
.nav ul{list-style:none; margin:0; padding:0;}
.nav li{display:inline;}
.nav a{text-decoration:none; font-size:12px; line-height:20px; display:inline-block; padding:5px; background:#ccc; margin:0 1px;}

.wrap{background:#aaa; width:90%; margin:0 auto; padding:10px; border:1px solid #f00;}