JSFiddle - React, Tailwind, and code Playground

HTML

<table id="taulaMenu">
<tr>
  <td><a href="#">hola</a></td>
</tr>
</table>

CSS

#taulaMenu{
    width:100%;
    text-align:center;
}
#taulaMenu td{
    cursor:pointer;
    border-bottom:1px solid #FFF;
    background:#000;
    height:50px;
    vertical-align:middle;
}
#taulaMenu td a{
    text-decoration:none;
    color:#FFF;
    background:transparent;
}
#taulaMenu td:hover{
  background:#FFF;
}
#taulaMenu td:hover a{
  color:#000;
}