JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>
    <a href="#">home</a>
  </li>
  <li>
    <a href="#">exposities</a>
  </li>
  <li>
    <a href="#">werk</a>
  </li>
  <li>
    <a href="#">statement</a>
  </li>
  <li>
    <a href="#">contact</a>
  </li>
</ul>

CSS

ul {
    margin: 0; 
    padding: 0; 
    list-style: none; 
    width: 83%; 
    text-align: justify; 
    list-style-type: none;
}
ul li {display: inline; text-align:justify; font-size:17px; font-weight: bold;}
ul > li:after {content:' '; display:inline;}
ul > li:last-child:after {display:inline-block; margin-left:100%; content:' ' }