JSFiddle - React, Tailwind, and code Playground

HTML

<table id="menu">
    <tr>
        <td width="20px" height="100%"><a href="link">item2</a></td>
        <td><a href="link">item3ffffffffffааа
            ааааааааааааааааааааааааааааааааааааа аааааааааааааааааааааааааааааааа
            ааааааааааааааааааааааааааааааааааааа аааааааааааааааааааааааааааааааааааааааааааааааа
            ааааааааааааааааааfffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffff</a></td>
        <td width="15px"><a href="link">item4</a></td>
    </tr>
</table>

CSS

#menu td > a {
    display: inline-block;
	height: 100%;
	width: 100%;
    background-color: red;
    color: black;
}

#menu td > a:hover, #menu td > a:active {
    color: green;
    background-color: yellow;
}