JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
    <div id="left_line"></div>
<ul>
    <li>Главная</li>
    <li>Пункт 1</li>
    <li>Пункт 2</li>
    <li>Пункт 3</li>
    <li>Пункт 4</li>
</ul>
</div>

CSS

#menu {
	height:40px;
    text-align:center;
    margin-top:10px;
}

#menu li {
	display:inline;
	border:1px;
	border-color:#b8b8b8;
	border-style:solid;
	padding-top:10px;
	padding-bottom:10px;
	background: yellow;
}

#menu li a{
	font-size:16px;
	color:black;
	text-decoration:none;
	padding:10px;
}

#left_line {
 	height:15px;
    background:#ccc;
    background-repeat:repeat-x;
}