title: HTML form with side by side input fields
body: <p>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 Last name on the same line rather then one below the other.</p>
  
  <pre><code>    &lt;form action="/users" method="post"&gt;&lt;div style="margin:0;padding:0"&gt;
  
  
              &lt;div&gt;
                  &lt;label for="username"&gt;First Name&lt;/label&gt;
                  &lt;input id="user_first_name" name="user[first_name]" size="30" type="text" /&gt;
  
              &lt;/div&gt;
  
              &lt;div&gt;
                  &lt;label for="name"&gt;Last Name&lt;/label&gt;
                  &lt;input id="user_last_name" name="user[last_name]" size="30" type="text" /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;label for="email"&gt;Email&lt;/label&gt;
                  &lt;input id="user_email" name="user[email]" size="30" type="text" /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;label for="pass1"&gt;Password&lt;/label&gt;
                  &lt;input id="user_password" name="user[password]" size="30" type="password" /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;label for="pass2"&gt;Confirm Password&lt;/label&gt;
  
                  &lt;input id="user_password_confirmation" name="user[password_confirmation]" size="30" type="password" /&gt;
  
              &lt;/div&gt;
  </code></pre>