JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.look{width:960px;background:yellow;height:50px;}
.look ul{text-align: justify;list-style:none}
.look ul li{display:inline-block}
.look ul::after {width: 100%; display: inline-block; content: "."; visibility: hidden}