JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
	 <ul>
	   <li><a href="#">Главная</a><li>
	   <li><a href="#">Новости</a><li>
	   <li><a href="#">WorkOut</a><li>
	   <li><a href="#">Видео</a><li>
	   <li><a href="#">Питание</a><li>
	   <li><a href="#">Мотивация</a><li>
	   <li><a href="#">Спортзалы</a><li>
	 </ul>
	 </nav>

CSS

nav{
position:absolute;
top:5px;
right:99px;
list-style:none;
}

nav li{
display: inline-block;
padding-left:15px;
}

nav li:after {
  content: ' | ';
  color:red;
}

nav  li:last-child:after {
  content: '';
}

nav li a{
font:18px 'HelveticaNeueCondensedBold';
text-decoration:none;
color:black;
}