JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li><a href="#">Обновления</a></li>
<li><a href="#">Мои коллеги</a></li>
<li><a href="#">Консилиум</a></li>
<li><a href="#">Врачи</a></li>
<li><a href="#" class="active">Справочник</a></li>
</ul>

CSS

li {
    float:left;
}
a {
    color: #129060;
    text-decoration: underline;
    display:block;
    width:150px;
    height: 48px;
    font: 16px/48px Verdana, sans-serif;
    text-align:center;
}
a.active,
a:hover {
    background: url('http://flintovich.ru/wp-content/uploads/2012/04/21.04.jpg') no-repeat;
    color:#FFF;
    text-decoration:none;
}