title: multiple horizontally aligned input boxes with vertically aligned labels underneath
body: <p>I want to create a form similar to <a href="http://coachpacman.wufoo.com/forms/untitled-form/" rel="nofollow">this one.</a></p>
  
  <p>In particular, I want to learn how to put different sized input boxes on the same line with vertically aligned labels underneath. For instance, in the "Name" section of the form, it has a box for "first" and "last."</p>
  
  <p>How can you do this with HTML and CSS?</p>