JSFiddle - React, Tailwind, and code Playground

by ham dlink

HTML

<style>
*{
	padding:0;
	margin:0;
}
.wrapper{
	width:1000px;
}
	ul{
	background: #005984;
}

ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:37px;
}

ul li.last-child{
	margin-right:0;
}
ul li a{
	display: inline-block;
	*display:inline;
	*zoom:1;
	padding:15px 20px;
	color:white;
}
</style>
<div class="wrapper">
				<ul>
					<li><a href="/">HOME</a></li>
					<li><a href="/products">PRODUCTS</a></li>
					<li><a href="/news">NEWS</a></li>
					<li><a href="/sales">SALES</a></li>
					<li><a href="/support">SUPPORT</a></li>
					<li><a href="/about-us">ABOUT US</a></li>
					<li class="last-child"><a href="/contact-us">CONTACT US</a></li>
				</ul>
</div>