Project - Survey form - help aligning radio buttons and check boxes

A call for help. I cant seem to get these radio buttons or check boxes aligned along with their labels, also the longer labels seem to be perma schrunched for some reason.

Try putting the checkbox themselves in a their own box, and align all the content to the left.

Then put that box inside of another and used margin: 0 auto to align to the center.

1 Like

Here is short fix for part of your current code just to get an idea. There was in CSS a few things that I have removed or changed. You have called “input” globally that is not good practice and I have make it a class called “.input” other problem was with your “form” text align,. I have used flex on NEW wrapping div and so on. Hope that will help you to sort your problems at least partially.

1 Like

@StanSkrivanek

Then you can put all that survey content inside its own div/box and align that to the center, creating --> Project - Survey form - help aligning radio buttons and check boxes

1 Like

Ahh I see. Thank you for your help!