JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="look">
				<ul>
					<li><a href="#home" class="active">Welcome<br /></a></li>
					<li><a href="#services">Services<br /></a></li>
					<li><a href="#pricing">Prices<br /></a></li>
					<li><a href="#contact">Contact<br /></a></li>
					<li><a href="blog.html">Blog<br /></a></li>
					
				</ul>
			</nav>

CSS

.look{width: 960px; background:yellow; height:50px;}
.look ul{}
.look ul li{float:left; padding:3px 5px; list-style: none;}