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

You should put the input for the last name into the same div where you have the first name.

    First Name
    
    

Then, in your CSS give your #user_first_name and #user_last_name height and float them both to the left. For example:

#user_first_name{
    max-width:100px; /*max-width for responsiveness*/
    float:left;
}

#user_lastname_name{
    max-width:100px;
    float:left;
}