JSFiddle - React, Tailwind, and code Playground

by Pritam Bohra

HTML

<nav>
	<a href="">Menu</a>
	<a href="">Menu 2</a>
	<a href="">Menu 3</a>
	<a href="">Menu 4</a>
</nav>

CSS

* {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

nav {
	background-color: yellow;
	text-align: center;
	font-size: 0;
}

nav a {
	background-color: purple;
	color: white;
	padding: 20px;
	display: inline-block;
	font-size: 16px; 
}