JSFiddle - React, Tailwind, and code Playground

by ryanbrodie

HTML

<nav>
    <ul>
        <li></li><li></li><li></li>
    </ul>
</nav>

CSS

* {
    margin: 0;
    padding: 0;
}

nav {
	margin: 30px 0 0 0;
	border-top: 2px solid black;
    max-width: 900px;
    width: 100%;
}

nav ul {
    list-style: none;
    text-transform: uppercase;
    background: gray;
}

nav ul li {
	display: inline-block;
	width: 30%;
    margin-right: 2.5%;
    margin-left: 2.5%;
	height: 40px;
	background: lime;
}

nav ul li:first-child {
    margin-right: 0;
}

nav ul li:last-child {
    margin: 0;
}