FCC Survey Form - Incomplete

Hey guys i am almost done with my survey form project but i cant figure out how to fix the alignment of the labels, id like some suggestions on how to improve the page

1 Like

Nice form, give your formContainer width and margin or padding so they can fit and align inside the main container.

If you don’t want your labels so far away from your input fields, you could go with something like:

label {
    display: inline-block;
    width: 5em;
    text-align: left;

where the width has been dramatically reduced. Also, for just text, such as:

“What is your opinion on…”

use <p> tags and not <label>. Right now, you’re using <label> and the label css selector to style this text, which will make the labels look bad if you style with the text in mind, or the text look bad if you style with the labels in mind.

I think you should add a double border.

I replaced some of the label tags with p tags and it looks a lot better now, thank you for your help

1 Like

Glad to hear it.

1 Like