JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="header-nav">
			<a href="index.html">Home</a>
			<a href="#">About Us</a>
			<a href="#">Services<i></i></a>
			<a href="#">Portfolio<i></i></a>
			<a href="#">Blog</a>
			<a href="#">Contact Us</a>
		</nav>

CSS

.header-nav{
	float: right;
	line-height: 115px;
}
.header-nav a{
	font: bold 13px Arial;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}
.header-nav a i{
	background: url("../images/nav-arrow.png");
	width: 7px;
	height: 5px;
	display: block;
	float: right;
}