JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
	<li><a href="">Menu item</a></li><!--
 --><li><a href="">Menu item</a></li><!--
 --><li><a href="">Menu item</a></li><!--
 --><li><a href="">Menu item</a></li><!--
 --><li><a href="">Menu item</a></li>
</ul>

CSS

ul {min-width: 800px;margin:0;padding:0;list-style:none;border-bottom:1px solid #576D7A;}
li {display:inline-block;vertical-align:top;}
li+li {margin-left:25px;}
a {position:relative;display:block;padding:0 30px;text-decoration:none;text-transform:uppercase;text-shadow:0 0 1px #374853, 0 -1px 0 #000000;font:700 12px/54px sans-serif;letter-spacing:.01em;color:#fff;border-radius:8px 8px 0 0;}
a {
	background-image:url(http://demo.cs-info.fr/test-menu/bar_nav_left.png), url(http://demo.cs-info.fr/test-menu/bar_nav_right.png), url(http://demo.cs-info.fr/test-menu/bar_nav_middle.png);
	background-position:left center, right center, center center;
	background-repeat:no-repeat, no-repeat, repeat;
}
a:before {content:"»";position:absolute;top:2px;left:6px;font-size:80%;line-height:1;}