How to make width and height of element a in letter?

Question

Layout of letters

Greetings. I ran into the same problem while writing a letter. here is the image.
there are 4 links. the first link (which is clumsy) should look like the right three. but the right ones are made wrong because the whole green zone is not clickable. tell me how to fix this and make the entire field clickable.

Answer 1

display: inline-block? And set the width and height as a block element? https://jsfiddle.net/q8nada5p/

Answer 2

Basically, no way. There are several points here:
- support for inline-block in email clients is a big question
- if you don’t bother with touch devices, then you can simply make a green table cell and insert a white text link into it
- if, nevertheless, the entire area should be clickable, which is important for touch screens, it is better to make it up with a picture that needs to be pushed into a link