JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu">
        <li><a href="http://sitear.ru">Главная</a></li>
        <li><a href="http://sitear.ru">Дизайн, CSS</a></li>
        <li><a href="http://sitear.ru">Программирование</a></li>
        <li><a href="http://sitear.ru">Еще пункт меню</a></li>
</ul>

CSS

#menu{list-style:none; width:500px; padding:0; margin: auto;}
#menu li{float:left; font:bold 14px Arial;}
#menu a{color:#666; display:block; height:40px; line-height:36px; padding:0px 10px 0px 10px; background:#eee; text-decoration:none;}
#menu a:hover{color:#fff; background:#888;}
#menu  a:last-child { 
   border-right: 0.1px dotted #000;
   border-left: 0.1px dotted #fff;
   height:40px; 
   line-height: 40px;
}