JSFiddle - React, Tailwind, and code Playground

HTML

<body style="background-image:url(http://s2.ipicture.ru/uploads/20120531/pbb8FT9l.jpg);background-repeat:repeat-x repeat-x">





<head> 

    <body style="color:Yellow; background-color:#FFFFFF "><div class="hovermenu">
<ul>
<li><a href="#">Мои лоты</a></li>
<li><a href="#">Отзывы</a></li>
<li><a href="#">Добавить в избранное</a></li>
<li><a href="#">Задать вопрос</a></li>
</ul>
</div>



</body>

CSS

<style type="text/css">.hovermenu ul{
font: 20px verdana;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 9px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: transparent;
border: px solid transparent;
}

.hovermenu ul li a:hover{
background-color:#1E90FF;

}

html>body .hovermenu ul li a:active{ /* эффект при наведении мыши */
border-style: solid;
}
</style>