title: displaying html form inputs horizontally
body: <p>i am trying to recreate the login form shown on tinypic's main page.</p>
  
  <p><img src="https://i.stack.imgur.com/cCGl2.jpg" alt="login"></p>
  
  <p>in html, i have the 3 elemnts like this:</p>
  
  <pre><code>E-Mail:
  &lt;input type="text" name="id" maxlength="30" value="" /&gt;
  Password:
  &lt;input type="text" name="pw" maxlength="30" value="" /&gt;
  
  &lt;input type="submit" name="submit" value="Login" /&gt;
  </code></pre>
  
  <p>i have tried putting them into separate divs,
  using float:left with a unique class in css
  but the code is really messy unreasonably long.
  so essentially, i wanted to know if there was a simple way to achieve this layout with html and css.</p>
  
  <p>thanks for the time!</p>