JSFiddle - React, Tailwind, and code Playground

by csswizardry

HTML

<ul class=nav>
    <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>

CSS

html{
    font:1em/1.5 "Helvetica Neue", Arial, sans-serif;
}
.nav{
    list-style:none;
    margin:0;
    padding:0;
    font-size:0.75em;
}
    .nav li{
        display:inline;
    }
        .nav a{
            display:inline-block;
            padding:5px;
            color:#09f;
            background-color:#eee;
        }