JSFiddle - React, Tailwind, and code Playground
by Tan
HTML
<div class="container">
<div class="nav">
<a href="#">One</a>
<a href="#">Two</a>
<a href="#">Three</a>
<a href="#">Four</a>
</div>
</div>CSS
body {margin:0;font-family:arial;}
.container {max-width:600px;margin:auto;padding:0 10px;}
.nav a {display:inline-block;background-color:#777;padding:5px 10px;font-size:16px;line-height:16px;color:#fff;text-decoration:none;}