HTML form with side by side input fields

Question

I have a html form that is basically vertical but i really have no idea how to make two text fields on the same line. For example the following form below i want the First and L

Answer 1

Put style="float:left" on each of your divs:

...........

Example:

  First Name
  



  Last Name
  

To put an element on new line, put this div below it:

Of course, you can also create classes in the CSS file:

.left{
  float:left;
}

.clear{
  clear:both;
}

And then your html should look like this:

  First Name
  



  Last Name
  

To put an element on new line, put this div below it:

More Info:

• CSS Float Clear Tutorial