JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#servis{
    background:url(http://alexforce2.6te.net/img/service.png) no-repeat 50% 0;
} 
#kontakt{
    background:url(http://alexforce2.6te.net/img/contacts.png) no-repeat 50% 0;
} 
#poisk{
    background:url(http://alexforce2.6te.net/img/search.png) no-repeat 50% 0;
} 
#karta{
    background:url(http://alexforce2.6te.net/img/sitemap.png) no-repeat 50% 0;
        border-right: 1px dotted grey;
} 
.pic-top-nav a{
    padding-top:46px;
    width: 80px;
    float:left;
    border-left: 1px dotted grey;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    text-align:center;
    margin:10px 0 0;
    background:url(http://alexforce2.6te.net/img/home.png) no-repeat 50% 0;
    text-decoration:none;
    color:#0f0f0f;
}