JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
<div class="top_menu">
  <a href="#">Карта сайта</a>
  <a href="#">Помощь</a>
  <a href="#">Контакты</a>
</div>
</div>

CSS

body {padding: 0px;margin: 0px;}

.header {border-top: 4px solid #c5c9cd; padding: 0 50px;}
  .top_menu {float: left;position: relative; background:#ccc; height:17px;}
  .top_menu:before, .top_menu:after {border-top: 17px solid #ccc; position:absolute ;content: ''; top: 0;}
  .top_menu:before {border-left: 7px solid transparent; left: -7px;}
  .top_menu:after {border-right: 7px solid transparent; right: -7px;}
    .top_menu a {float:left; padding:0 12px;border-right:1px solid #7E8083; text-decoration:none; font:11px/13px Tahoma,Verdana,sans-serif; color:#444;}
    .top_menu a:last-child {border-right: none}