Unable to understand the use of vertical align in this fcc course challenge

I am following the registration-form project on the new Responsive web development (beta).

On step 46, it instructions you to use vertical-align property to style the checkbox and radio boxes to align the input boxes slightly lower with respect to the label text.

I don’t understand the need for this, as the boxes seem to be already aligned with the label text.

code-

vertical-align: middle;

Link to the challenge - https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-46

I think it depends a little on what browser you are using. With FF, I barely see a change at all, the radio buttons shift down maybe a pixel or two. But with Chrome the shift is much more evident, which means the radio button start out much higher compared to the text.

1 Like

Ah, got it. You’re right. Thanks a lot.