JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="navigation">
		<li><a class="" href="#">Home</a></li>
		<li><a class="" href="#">Blog</a></li>
		<li><a class="" href="#">Services</a></li>
		<li><a class="" href="#">About</a></li>
</ul>

CSS

#navigation li {
	display: inline;
    margin-left: -4px;
}

#navigation a{
    width: 60px;
    display: inline-block;
}