Survey Form - Input & label alignment help

1

Hey guys,

I have passed the project tests but would like to know how to correct the issue of my labels and input fields lining up horizontally. If you check the link below you can see that the label associated with the tag is slightly higher or lower. If anyone can guide me in the right direction or advise on how to go about out it, it would be much appreciated.

CodePen: https://codepen.io/ameeeero/pen/Odrmbq

This is my first attempt ever using a forum so apologise if there is a lack of information etc.

2

Try putting this in your CSS to see what it does:

#nutrition{
vertical-align: middle;
}

If that is what you are trying to accomplish, try to assign vertical-align: middle; to your labels :slightly_smiling_face:

1 Like
3

Hey Patrick. Thanks for reaching out. I figured out the solution/issue. The labels and input fields had different margins. Thank you for your time.

1 Like