How to increase the clickable area of a tag button?

To increase the area of a text link you can use the following css;

a {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 2em;
  margin: -2em;
}

<a href="">An anchor element</a>

• Display: inline-block is required so that margins and padding can be set
• Position needs to be relative so that…
• z-index can be used to make the clickable area stay on top of any text that follows.
• The padding increases the area that can be clicked
• The negative margin keeps the flow of surrounding text as it should be (beware of over lapping links)