JSFiddle - React, Tailwind, and code Playground

HTML

<header class="">
   <nav class="navbare">
     <ul class="nav">
     <li><a href="#">link 1</a></li>
     <li><a href="#">link 2</a></li>
     <li><a href="#">link 3</a></li>
     </ul>
   </nav>
</header>

JavaScript

*{margin: 0px;padding: 0px;}

nav.navbare {background: whit;}
ul.nav li {text-deriction: none;float: right;border-left: 1px solid #ccc;}
ul.nav li:last-of-type {border-left: 0px;}