JSFiddle - React, Tailwind, and code Playground

by chopper

HTML

<div style="float:right" id="topbar">
 <nav>
  <ul style="float:right">
      <li><a href="/member">My Account</a></li>
      <li><a href="/member_wishlist">Wish List</a></li>
      <li><a href="/tracking">Order Status</a></li>
      <li><a href="/category/customer-service">Customer Service</a></li>
  </ul> 
 </nav>
</div>

CSS

#thisisthecartfunction {
    width: 200px
}

ul {
}

li {
    display: inline-block;
    width: 120px;
    height: 40px;
    margin-left: 20px;
}

li:not(:first-of-type) {
    margin-left: 20px;
}

li:not(:last-of-type) {
    border-right: 1px solid black;
}