a href tag getting 0 height inspite of the attribute being declared

Question

All,

On my website www.coutallure.com

There is a 'forgot password' div thats sitting right underneath the 'password' field at the bottom of the page.

Now, even though, I have specified the height & width of the div (id: fpass), the 'a href' tag inside this div doesnt inherit the height from the parent div (fpass).

I have specified the height & width of the 'a href' tag as well and as per the firebug, the height & width is being taken into consideration by the browser, however still, the height of the 'a href' tag remains zero!

Can anyone please enlighten me why this is the way it is, i.e. the height & width of the 'a href' tag is not the actual height & width being used by the browser?

Answer 1

An a element is inline by default, add display: block to make it listen to its dimensions.

An inline element won't listen to its dimensions set with CSS.

jsFiddle.