JSFiddle - React, Tailwind, and code Playground

by danielcgold

HTML

<nav>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>

CSS

li { float: left }
li:after {  }
a { display: block; background: #fff; border: 1px solid #eee; padding: 10px; margin-right: 10px; color: #333; text-decoration: none; }
a:hover { background: #eee; border: 1px solid #ccc; }