CSS to align label and input

Question

HTML Code Snippet:

  Error Prefix
  

        

Answer 1

Put the every label with its corresponding input into a p tag. Then add the following css:

label{
  float:left;
  width:100px; //whatever width that suits your needs
}

p{
    margin:10px 0; //manipulate the vertical spaces for each input..  
}




  

    Error Prefix