JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pic-top-nav">
    <a href="#1" id="glavn">Главная</a>
    <a href="#2" id="servis">Сервис</a>
    <a href="#3" id="kontakt">Контакты</a>
    <a href="#4" id="poisk">Поиск</a>
    <a href="#5" id="karta">Карта сайта</a>
</div>

CSS

div.pic-top-nav a{
    display:inline-block;
    width:74px;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    text-align:center;
    margin:10px 0 10px;
    padding-top:46px;
    text-decoration:none;
    color:#0f0f0f;
    border-right:1px dotted grey;
}

.pic-top-nav #glavn{    
    border-left:1px dotted grey;
    background:url(http://alexforce2.6te.net/img/service.png) no-repeat 50% 0;
}
.pic-top-nav #servis{    
    background:url(http://alexforce2.6te.net/img/service.png) no-repeat 50% 0;
}
.pic-top-nav #kontakt{    
    background:url(http://alexforce2.6te.net/img/contacts.png) no-repeat 50% 0;
}
.pic-top-nav #poisk{    
    background:url(http://alexforce2.6te.net/img/search.png) no-repeat 50% 0;
}
.pic-top-nav #karta{    
    background:url(http://alexforce2.6te.net/img/sitemap.png) no-repeat 50% 0;