JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>Home</li>
<li>Services</li>
<li>Support</li>
<li>Careers</li>
<li>About</li>
<li>Contact</li>
</ul>

CSS

ul {
	background: #3487F4;
  padding: 10px;
}
li {
	display: inline-block;
	margin-right: -4px;
  padding: 5px;
	border-right: 1px solid #0D0CDF;
  border-left: 1px solid #34EAF4;
}
li:first-child {
	border-left: none;
}
li:last-child {
	border-right: none;
}