Fixed Call to action button is missing vertical align

CyberAP

Well-known member
Call to action button is 1px down from where it should be. That's because of vertical alignment used in inline blocks. To fix this we just need to add vertical-align: top;

Before: call2act1.webp After: call2act2.webp
 
It took me a whole minute to see the difference :P

Looks better though, it'll annoy me until it's fixed now!
 
I've tried attaching vertical-align:top to a.callToAction and I can't actually see it making a difference - what browser does your screenshot come from, and have you attached the CSS rule to an element other than a.callToAction?
 
I've tried attaching vertical-align:top to a.callToAction and I can't actually see it making a difference - what browser does your screenshot come from, and have you attached the CSS rule to an element other than a.callToAction?
It's latest Chrome on Windows 8. I've made changes only to a.callToAction.
 
Interestingly, I can see it making a difference under Chrome on Windows 7, but it makes no difference whatsoever under Chrome on Mac.

I'll make the change anyway, as it seems to be for the better.
 
Probably on Mac you have different baseline. Anyway, it's best to always set vertical align for inline blocks.
 
Top Bottom