JSFiddle - React, Tailwind, and code Playground

HTML

<table class="fon2" width="100%" border="3">
  <tr>
  <td colspan="13"><table class="menu" width="80%" align="center" >
   <tr>
<td class="menu_hover"><a class="ssilka_menu" href="#">ГЛАВНАЯ</a></td>
<td class="menu_hover"><a class="ssilka_menu" href="#">ВЫСТАВКИ</a></td>
<td class="menu_hover"><a class="ssilka_menu" href="#">КАТАЛОГ КАМПАНИЙ</a></td>
<td class="menu_hover"><a class="ssilka_menu" href="#">НОВОСТИ</a></td>
<td class="menu_hover"><a class="ssilka_menu" href="#">ФОРУМ</a></td>
<td class="menu_hover"><a class="ssilka_menu" href="#">ПАРТНЕРЫ</a></td>
   </tr>
  </table>
  </td>
  </tr>

CSS

* {
    margin: 0;
    padding: 0;
   }
   tr {
margin: 0;
   padding: 0;
   }
   @font-face{
   font-family: MyriadPro-Cond;
   src: url("fonts/MyriadPro-Cond.oft") format("opentype");
   }
   @font-face{
   font-family: MyriadPro-Semibold;
  src: url("fonts/MyriadPro-Semibold.oft") format("opentype");
   }
   @font-face{
   font-family: MyriadPro-It;
   src: url("fonts/MyriadPro-It.oft") format("opentype");
   }
   @font-face{
   font-family: tahoma;
   src: url("fonts/tahoma.ttf") format("truetype");
   }
   @font-face{
   font-family: tahomabd;
   src: url("fonts/tahomabd.ttf") format("truetype");
   } 
   a img{
border: none;
}  
   table.menu {  
         height: 200%;
   background-image: url(images/gradient.bmp); 
    text-align: center;
    border-collapse: collapse;
    border: 0;
       padding: 0; 
   display: block;
   }
   table.osnov {
       text-align: left;
   }
   tr {
margin: 0;
   padding: 0;
   }
   a.nizok
   {
    text-decoration: none;
   }
  a.kartinka_ssilka
  {
   text-decoration: none;
  }
   a.ssilka_menu {
   font-family: MyriadPro-Cond, Arial, Helvetica, sans-serif;
   display:block;
color:#FFFFFF;
text-decoration: none ;
font-size: 80%;
}     
a.ggg {
color:#000000;
} 
td.menu_hover:hover {  
   background-image: url(images/gradient_hover.bmp); 
border: 0;
margin: 0;
    padding: 0;}
    .menu_hover{
      font-family: MyriadPro-Cond, Arial, Helvetica, sans-serif;
    font-size: 19pt;
    } 
    .hone {
        font-family: MyriadPro-Cond, Arial, Helvetica, sans-serif;
    font-size: 17pt;
    }
    .hsix {
        font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    }
    a.htwo {
color:#03a9d7;
font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
   table.fon2
    {      
               height: 60%; 
        border-collapse: collapse;
    background-image: url(images/shapka.bmp);
    background-size: 100% 100%;
    background-repeat: no-repeat; 
     
   }