JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>

	<td class="nav" align="center" valign="center" width="125" height="35">
<ul class="nav"><li class="nav">
<font size="4" color="#BE2625">
<a href="#">
Home
</a>
</font>
</li></ul>
	</td>	       

	<td class="nav" align="center" valign="center" width="125" height="35">
<ul class="nav"><li class="nav">
<font size="4" color="black">
<a href="">
Menu
</a>
</font>
</li></ul>
	</td>
    
 
    
    	<td class="nav" align="center" valign="center" width="125" height="35">
<ul class="nav"><li class="nav">
<font size="4" color="black">
<a href="">
Info
</a>
</font>
</li></ul>
	</td>  
    
</tr>
</table>

CSS

ul.nav{
	text-decoration: none;
	display: table-cell;
    	padding: 0px;
    	list-style: ;
	color: black;
    }

ul li.nav{
	float: left;
    	width: 100%;
    	text-align: center;
	text-decoration: none;
	list-style-type: none;
	color: black;
	padding: 0px;
     }
    
ul li.nav:hover{
	float: left;
    text-align: center;
	text-decoration: none;
	list-style-type: none;
	text-valign: bottom;
	color: black;
     }
  
ul li a{
	margin: 0px;
   	display: table;
        padding: 5px 0px 5px 0px;
   	text-decoration: none ;
	border: 1px solid;
	border-radius: 3px;
	border-color: transparent; 
	color: black;
	width: 100%;
	height: 100%;

    }

ul li a.nav:hover{
	text-align: center;
    background:transparent;
	color: black;
	width: 100%;
	height: 100%;
	display: table;
    }

ul li ul.nav{
	width: 25%;
	display: none ;
	color: black;
    }
    
ul li.nav:hover ul{
	float: center;
	opacity: .87;
	position: absolute;
    	display: block; /* display the dropdown */
	color: black;
	
}
	
td.nav {
	border: 5px solid;
	border-radius: 100px;
	border-color: #FAEBD7; 
	color: black;
	background-color: #FAEBD7;
}

td a.nav {
	width: 100%;
	height: 100%;
	display: table;
}

td a.nav: hover{
	width: 100%;
	height: 100%;
	display: table;
}

td.nav:hover{
	color: black;	 
    	background: #ed1a3b;
	border: 5px solid;
	border-radius: 100px;
	border-color: #FAEBD7; 
    }