JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td>
      <a href="http://google.com">
          This is the box content!
      </a>
    </td>
  </tr>
</table>

CSS

a {
  display: block;
  width: 500px;
  height: 50px;
  text-align: center;
  background-color: #ccc;
  padding: 20% 0;
}

tr {
  background-color: green;
}

td {
  background-color: red;
}