I'm trying to create a form on a landing page that is divided into two columns. On the left column, I have added a form with a multiple checkbox field. I noticed that the checkboxes are aligning with the text when the label text spans two lines. I've tried to find how I could change the stylesheet to make the label text align but I'm not sure how to do it. Any recommendations?
I'm not a developer but to me,it seems that this has something to do with the fact that the multiple checkbox element is a list input? Is there a way I can make CSS changes in the style sheet that would make the text on the second line (see screenshot above) align with the text on the first line next to the checkbox?
Your code is pretty close. Could you provide a link to a live page? I think I can match your html code based on your CSS but the link would help. What you need to do is add a negative margin on the input and then rebalance the text with left padding.
Your code is pretty close. Could you provide a link to a live page? I think I can match your html code based on your CSS but the link would help. What you need to do is add a negative margin on the input and then rebalance the text with left padding.