JSFiddle - React, Tailwind, and code Playground

HTML

<center>
<div id="menunav" style="width:100%;"> <!— shirina menu —>
<ul><li><a href="http://seo-aspirant.blogspot.com/2009/08/blog-post_19.html">название 1 ссылки</a></li><li><a href="http://seo-aspirant.blogspot.com/2009/09/sape-ucoz.html">название 2 ссылки</a></li><li><a href="http://seo-aspirant.blogspot.com/2009/09/sexcash.html">название 3 ссылки</a></li><li><a href="http://seo-aspirant.blogspot.com/2010/01/blog-post_13.html">название 4 ссылки</a></li><li><a href="http://seo-aspirant.blogspot.com/2009/08/blog-post_24.html">название 6 ссылки</a></li><li></ul>
</div>
</center>

CSS

div#menunav {
/* float: left; */
border-top: 1px solid #bbbbbb; /* граница сверху */
border-bottom: 1px solid #bbbbbb; /* граница снизу */
font-size: 14px; /* размер шрифта */
background-color: #bbbbbb; /* цвет фона меню */
padding: 0 0 0 5px; /* левый отступ кнопок */
margin: 5px 0;
}
div#menunav ul {
margin: 0px;
padding: 0px;
}
* html div#menunav ul {
/* float: left; */
border-left: 1px solid #bbbbbb; /* левая вертикальная черта к ul */
margin-left: 15px;

}
* html div#menunav a {
display: block;
}
div#menunav li {
/* float: left; */
display:inline-block;
list-style-type: none; /* без маркеров списка */
background-color: #464451; /* цвет кнопки до наведения */
border-right: 1px solid #bbbbbb; /* разделительные линии между li */
}
div#menunav li:first-child {
border-left: 1px solid #bbbbbb; /* первая вертикальная линия меню */
}
div#menunav a {
text-decoration: none; /* без подчёркивания ссылок */
padding: 0px 10px; /* отступы сверху и снизу */
color: #bbbbbb; /* цвет шрифта */
}
div#menunav a:hover {
color: #ffffff;
}
div#menunav li:hover {
background-color: #45161c; /* цвет кнопки после наведения */
}