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

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

#1

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.


#2

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.


#3

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.


#4

@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


#5

Ahh I see. Thank you for your help!