JSFiddle - React, Tailwind, and code Playground

by rzea

HTML

<table>
  <tbody>
    <tr>
      <td>
        <a href="http://www.google.com/">Cell 1 second lineCell 1 second lineCell 1 second lineCell 1 second lineCell 1 second lineCell 1 second lineCell 1 second lineCell 1 second lineCell 1 second lineCell 1 second lineCell 1 second lineCell 1 second line</a>
      </td>
      <td>
        <a href="http://www.google.com/">Cell 2</a>
      </td>
      <td>
        <a href="http://www.google.com/">Cell 3</a>
      </td>
      <td>
        <a href="http://www.google.com/">Cell 4</a>
      </td>
    </tr>
  </tbody>
</table>

CSS

td {width: 200px; border: solid 1px green; height: 100%}
td a {display: inline-block; height:100%; width:100%;}
  td a:hover {background-color: yellow;}