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: 900px;margin:0;padding:0;list-style:none;border-bottom:1px solid #576D7A;}
li {overflow:hidden;display:inline-block;vertical-align:top;}
li+li {margin-left:25px;}
a {position:relative;display:block;padding:0 40px;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:url(http://demo.cs-info.fr/test-menu/bar_nav_middle.png);}
a:before, a:after {position:absolute;top:0;background:#fff;}
a:before {content:url(http://demo.cs-info.fr/test-menu/bar_nav_left.png);left:0;}
a:after {content:url(http://demo.cs-info.fr/test-menu/bar_nav_right.png);right:0;}