JSFiddle - React, Tailwind, and code Playground

HTML

<div class="h_menu">
  <ul>
    <li>
      <a title="Главная" href="/">Главная</a>
    </li>
    </ul>
</div>

CSS

.h_menu {overflow:hidden;border-radius : 10px 0 0 10px;position:relative; width:150px; height:43px; margin-left:77px; background:url(http://savepic.su/162355.png) repeat-x;} 
    .h_menu ul li {position:relative; float:left; height:43px; background:url(http://savepic.su/162355.png) 0 -51px no-repeat; text-align:center; font-size:1.17em; white-space:nowrap;} 
    .h_menu ul li:first-child {background:none;} 
    .h_menu ul li:first-child a {margin-left:0;} 
    .h_menu ul li a {display:block; height:43px; margin-left:2px; padding:0 15px; color:#fff; line-height:38px; background:url(http://savepic.su/162355.png) #79b729 repeat-x;} 
    .h_menu ul li a:hover,
    .h_menu ul li a.hm_now {background:url(http://savepic.su/162355.png) #cd2113 0 -50px repeat-x; text-shadow: white 2px 2px 25px, white 0 0 4em;}