JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<div class="container">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="collection.html">Collections</a></li>
<li><a href="about.html">AboutMe</a></li>
<li><a href="contact.html" class="lastLi">ContactMe</a></li>
</ul>
</nav>
</div>

CSS

html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
    font: inherit;}
nav{
height: 30px;
margin-top: 10px;
margin-bottom: 5px;
}

li{
list-style-type: none;
font-size: 1em;
margin: 0px;
padding: 0px;
overflow: hidden;
float: left;
    width:25%;

}

li a{
display: block;
padding: 5px 0;
margin-right: 0.4em;
background-color: #FFF;
text-align: center; 
}

a{
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
}
.lastLi{margin-right:0;}
.container{background-color:#000;width:960px;}