JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="header-menu">
				<ul>
					<li><a href="ps4.html">PS4</a></li>
					<li><a href="xboxone.html">XBOX ONE</a></li>
					<li><a href="pc.html">PC</a></li>
					<li><a href="outrosconsoles.html">Outros Consoles</a></li>
					<li><a href="esports.html">eSports</a></li>
					<li><a href="reviews.html">Reviews</a></li>
					<li><a href="videos.html">VĂ­deos</a></li>
				</ul>
			</nav>

CSS

.header-menu {
	height: auto;
}

.header-menu ul li {
	height: auto;
	display: inline-block;
	background: red;
}

.header-menu ul li a {
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 60px;
	padding: 0 10px;
}