HTML : Clickable td elements for checkers

Question

Trying to make td elements clickable. Here's my HTML:

<td id="A3" class= "open-square"><a href="/gameplay/A3"></a></td>

and my CSS:

table td a {
  display: block;
  width: 100%;
}

I tried to follow the advice of this similar question : HTML TD Clickable

But it didn't seem to work. Any thoughts? Thanks.

Answer 1

Give it a height as well.

table td a {
  display: block;
  width: 100%;
  height: 10px;}