JSFiddle - React, Tailwind, and code Playground

by refhat

HTML

<div class="nav">
    <ul>
    <li class="first"><a href="#">Home</a></li>
    <li class="middle"><a href="#">About</a></li>
    <li class="middle"><a href="#">Projects</a></li>
    <li class="last"><a href="#">Contact</a></li>
</ul>
</div>

CSS

span{display:block;}
a{text-decoration:none;color:#FFFFFF;}
ul li {display:block;padding:5px;border:1px solid #000;}
.nav{background:#982314;width:200px;}
.middle{}