title: Align form elements in CSS
body: <p>I'm new to CSS and have a simple login form that I'm trying to align correctly. Basically two columns with the labels and the <em>Login</em> button in one column and the text boxes in another column. How do I do this in CSS?</p>
  
  <p>The HTML code is:</p>
  
  <pre><code>&lt;body&gt;
    &lt;form action="" method="post"&gt;
      &lt;label&gt; Username &lt;/label&gt;
      &lt;input type="text"/&gt;
  
      &lt;label&gt; Password &lt;/label&gt;
      &lt;input type="password"/&gt;
  
      &lt;input type="submit" value="submit"/&gt;
    &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>