Build A Survey Form styling help

Build A Survey Form styling help
0

#1

My survey meets the 17/17 requirements but I’m not happy with the style.
I’ve tried few things but causing chaos.
I would like the label to stay in line with it’s corresponding input, and then the next label and input on the next line down, with a few pixels of space between it. What’s the easiest way to achieve this?
Thanks!


#2

Just looked at your project. Each label/input are on the same line. What are you seeing different (provide a screenshot if possible)?

If you want some space between each line, then consider adding bottom margin to the input elements instead using of <br> elements.

input {
  margin-bottom:10px;
}

#3

That works great thanks.

In the professional developer world is <br> the correct/best/acceptable way to put a new input on a new line?
Thanks


#4

That is up to you. It depends on the layout you want to present to the user.