JSFiddle - React, Tailwind, and code Playground

by Vikram Deshmukh

HTML

<ul>
  <li>Tab1</li>
  <li>Tab2</li>
  <li>Tab3</li>
  <li class="float-right">Help</li>
</ul>

CSS

ul {
  display:flex;
  flex-direction: row;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  padding: 0 10px;
  border-right: 1px solid gray;
}
li.float-right {
  margin-left: auto;
  border: none;
}