Vertical Alignment Form/Label

Hello

I am relatively new to CSS and I am struggling to solve this simple problem.

In the attached example, there is a form on the left. I can't get the labels to be vertically aligned with the inputs. The labels are all a bit above the baseline of the text in the inputs (Chrome and IE8). (cf image attached "mismatch")

I am sure it must be simple to fix but I tried all sort of combinations of vertical-aligns on the different div/labels without success.

Thanks in advance
Charles

index.html
style.css
mismatch.png
cm2187Asked:
Who is Participating?
 
HagayMandelConnect With a Mentor Commented:
Add to the label span css the following:
padding-top:1px;

This will do it
0
 
cm2187Author Commented:
actually 3px did the trick!
Thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.