JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top_menu">
                        <ul>
                               <li><a href="#">Главная </a>/</li>
                               <li> <a href="#">Прайс </a>/</li>
                               <li> <a href="#">Отделения </a>/</li>
                               <li>  <a href="#">Новости </a>/</li>
                               <li> <a href="#">Фотогалерея </a>/</li>
                               <li>  <a href="#">Отзывы </a>/</li>
                               <li>  <a href="#">Контакты</a></li>
                        </ul>
                </div >

CSS

#top_menu {
 height: 37px ;
}
#top_menu ul  {
  display: inline-table;
  margin : 0 17px ;
  width:962px;
   height:47px;
   padding:0px ;
   background: url(images/button.jpg)  ;
   border-radius: 35px ;
   text-align: center;
}
#top_menu ul li {
  display:  inline-table ;
  padding: 10px;
  color: #66cffc;
  font-weight: 300;
  }
#top_menu ul li a {
  font-size:18px; color: #66CFFC;
  padding-left: 48px;
  padding-top: 46px;
  text-decoration: none;
  font-family: "Serif Italic";
   font-size: 14px;
}