How do I make an tag the size of it's parent tag for larger clickable region?

Question

I would like to do this so that the clickable region on the tag is size of the LI.

My html looks like:

Answer 1

If you currently have this same question you can simply add padding to the right place:

li {
  //remove any padding or margin attributes from here
}

li a {
  display: block;
  padding: 20px; //or however big you want the clickable area to be
}

Anchor tags are by default inline elements, so you have to explicitly change them to display as block elements before you can mess with the padding or the margins.

Hope this helps!