JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="vemenu">    
                        <li><a href="/">Меню1</a></li>                
                        <li><a href="/">Меню2</a></li>        
                        <li><a href="/">Меню3</a></li>                
                        <li><a href="/">Меню4</a></li>                                
                        <li><a href="/">Меню5</a></li>
                        <li><a href=""/>Меню6</a></li>  
                        <li><a href="/">Меню7</a></li>  
</ul>

CSS

#vemenu{
        font:24px Century Gothic, Arial, sans-serif;
        background:#fff url(../images/hor_menu1.gif) repeat-x;
        width:auto;
        border:1px solid #778bef;
}
#vemenu li{
        list-style:none;
}
#vemenu a{
        display:block;
        height:30px;
        text-transform:uppercase;
        color:#000;
        text-decoration:none;
        font-weight:bold;
        padding:0 7px;
}
#vemenu a:hover{
        background:url(../images/hor_menu2.gif) repeat-x;
}