JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tbody>
    <tr>
  <td><a href="#">Blah Blah</a></td>
  <td><a href="#">1234567</a></td>
  <td><a href="#">more text</a></td>
</tr>
</tbody>
</table>

CSS

tr:hover { background: red; }
td a { 
    display: block; 
    border: 1px solid black;
    padding: 16px; 
}