title: How to align multiple form elements?
body: <p>I've no clue at design, and I'm trying to get a simple HTML form to look like this:
  <img src="https://i.stack.imgur.com/oa41o.png" alt="">.</p>
  
  <p>Basically, it's a form with <em>three</em> input fields and <em>one</em> submit button.</p>
  
  <p>Regarding the input fields, there are <em>two on top</em> and <em>one below</em>. I'd like these to be perfectly centre-aligned with each other and the second one to stretch to be the same width as the ones above.</p>
  
  <p>Regarding the submit button, I'd like it to be perfectly center-aligned, both horizontally and vertically, with the input fields, but be to the right of these.</p>
  
  <p>I'm not too worried about it not being fully cross-browser.</p>
  
  <p>Thanks for <em>any</em> pointers!</p>
  
  <p><strong>Edit</strong>: I'd prefer if it were done with CSS rather than be table-based. (I hear table-based is just plain evil.)</p>