JSFiddle - React, Tailwind, and code Playground

HTML

<div class="navs">
<ul><li><a href="http://electroinstrument-online.loc/" title="О нас" >О нас</a></li>
<li><a href="/novosti.html" title="Новости" >Новости</a></li>
<li><a href="/kak-zakazat.html" title="Как заказать?" >Как заказать?</a></li>
<li class="last"><a href="/dostavka.html" title="Доставка" >Доставка</a></li>
</ul>
    </div>

CSS

.navs li a{
border:1px solid red;
text-decoration:none;
line-height: 30px;
color: #4C4C4C;
font-weight: bold;
cursor: pointer;
display: block;
float:left;
padding: 0 15px;
height: 30px;
background: none;
}