Fixed Call to action button is missing vertical align

[CyberAP]

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: After:

 

[imthebest]

Quite perfectionist guy!

 

[Liam W]

It took me a whole minute to see the difference

Looks better though, it'll annoy me until it's fixed now!

 

[CyberAP]

Once it's seen it cannot be unseen

 

[Kier]

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?

 

[CyberAP]

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.

 

[Kier]

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.

 

[truonglv]

I can confirm that on Google Chrome Windows 8.1

 

[CyberAP]

Probably on Mac you have different baseline. Anyway, it's best to always set vertical align for inline blocks.