Text links - clickable area

[smallcompany]

This post is for those not knowing that text link clickable area can be expanded by increasing padding values.

In my case, I wanted to have an image as a part of the button being “served” through CSS as a background. Then I positioned a text link inside it.
The problem was that a user would need to get above the text link exactly in order to initiate hover action.

This has been resolved with padding which increased clickable area around text link so whole button becomes active now.

[D_Blackwell]

You can also use display: block; as tool to make the whole 'box' an active link - depending upon what you need of course.

e.g.,

li a {
display: block; ...

[smallcompany]

using that for navigation all the time, did not think about regular text links like in my initial example.

+1