JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <ul>
        <li id="eins"></li>
        <li id="zwei"></li>
        <li id="drei"></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: 29%;
	margin: 0 0.5%;
	height: 40px;
	background: lime;
}
nav ul li#eins {
	margin: 0 1% 0 5%;
}
nav ul li#drei {
	margin: 0 5% 0 1%;
}