JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<nav>
		<ul>
			<li><a href="#" alt="">Lorem</a></li>
			<li><a href="#" alt="">Lorem</a></li>
			<li><a href="#" alt="">Lorem</a></li>
			<li><a href="#" alt="">Lorem</a></li>
			<li><a href="#" alt="">Lorem</a></li>
			<li><a href="#" alt="">Lorem</a></li>
		</ul>
	</nav>
</body>

CSS

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

nav {
	width: 700px;
	float: right;
	outline: 1px solid #000;
}

nav ul {
	list-style: none;
}

nav ul li {
	display: inline-block;
	text-align: center;
	outline: 1px solid #000;
}

nav ul li a {
	display: block;
	width: 101px;
}