JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="nav">            
    <li><a href="#">Lorem</a></li>            
    <li><a href="#">ipsum</a></li>           
    <li><a href="#">dolor</a></li>           
    <li><a href="#">sit</a></li>            
    <li><a href="#">amet</a></li>     
    <li id="last"><!-- --></li>        
</ul>

CSS

* {
  margin: 0;
  padding: 0;
}
ul#nav { 
  text-align: justify;
  width: 100%;
}
ul#nav li { 
    display: inline;
    padding: 5px;
}
ul#nav li#last { display: inline-block; /* Opera */ padding-left: 100%; }