Survey Form Checkboxes positioning

Hello everyone! I’m having trouble understanding the checkboxes position in my survey form. I would like to have the checkboxes align to the left before the text.
Here is what I have tried so far: https://codepen.io/christmed/pen/VwmByNz

Thanks for your help!

Hi there,

I think you need play with how you are styling your inputs. While your CSS makes the textboxes look nice, it’s messing up the checkboxes. There’s a way to only select certain inputs. This article may help: CSS forms from w3schools

I looked at your html, and I’m not sure why you have empty attributes:

<label for="" class="checkbox"><input type="checkbox" name="" id="" class=>

Why is there no value for for, name, id, and class?

And fyi, in CodePen, you don’t need to add the head information. CodePen takes care of all that for you.

Hope this helps.

1 Like

Thanks a lot! that was actually the selector I was looking for, I completely forgot the syntax. I already filled in the empty attributes, just wanted to show what was wrong with my code.

I really appreciate your help!

1 Like