html form - make inputs appear on the same line

Question

I am struggling to make two html form inputs (first and last name) appear on the same line side by side. I have tried using float, but that seems to make the rest of the inp

Answer 1

You can wrap the following in a DIV:

  First Name:
  
  Last Name:
   

Give each input float:left in your CSS:

.your-class input{
  float:left;
}

example only

You might have to adjust margins.

Remember to apply clear:left or both to whatever comes after ".your-class"