title: Why won't this align middle or bottom?
body: <p>OK, so my stupid little login form almost looks how I want it to look. (This is basically my first CSS project ever and first HTML project since <strike>updating</strike> attempting to update my 15 year old HTML skills.)  For the life of me, I can't figure out how to get the "forgot password?" link to move down, either aligned with the middle or bottom of the "Login" button.  I've tried moving the <code>display: inline;</code> and <code>vertical-align: middle;</code> to all kinds of different selectors and none of them work!  I've even tried setting the height of the anchor and/or the <code>&lt;li&gt;</code> elements.  I don't understand what the deal is!  Any help is greatly appreciated!</p>
  
  <p>Here is my code: </p>
  
  <pre><code>form.login {
      margin: 10px 10px 20px 20px;
      padding: 0 0 0 0;
  }
  form.login fieldset{
      margin: 0 0 0 0;
      padding: 2px 2px 2px 2px;
      border:2px solid;
      border-radius: 5px;
      width: 348px;
      height: 90px;
  }
  form.login fieldset legend {
      font-weight: bold;
      font-size: 1.2em;
      margin-left: 10px;
  }
  form.login fieldset ul {
      margin: 0;
      padding:0;
  }
  form.login fieldset fieldset {
      border: 0;
      width: 100%;
      height: 40%;
      display: inline;
      vertical-align: middle;
  }
  form.login fieldset fieldset li{
      float: left;
      list-style: none;
      width: 165px;
      margin: 0 4px 0 4px;
  }
  form.login input {
      width: 165px;
  }
  form.login label {
      display: none;
  }
  form.login a:link, 
  form.login a:visited {
      color: black;
      font-size: 0.8em;
  }
  form.login a:hover {
      color: blue;
  }
  form.login a:active {
      color: blue;
  }
  form.login fieldset ul fieldset li button#submitLogin {
      float: right;
  }
  </code></pre>
  
  <p>and the HTML:</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="formstyle.css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
   &lt;form method="POST" action="&lt;?php echo $_SERVER['PHP_SELF']; ?&gt;" class="login"&gt;
          &lt;fieldset&gt;
          &lt;legend&gt;Login&lt;/legend&gt;
          &lt;ul&gt;
              &lt;fieldset&gt;
                  &lt;li&gt;
                      &lt;label for="email"&gt;Email Address&lt;/label&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;input id="email" type="text" name="email"&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;label for="password"&gt;Password&lt;/label&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;input id="password" type="password" name="password"&gt;
                  &lt;/li&gt;
              &lt;/fieldset&gt;
              &lt;fieldset&gt;
                  &lt;li&gt;
                      &lt;a href="resetpass.php"&gt;Forgot Password?&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                       &lt;button id="submitLogin" value="submit" name="submitLogin" type="submit"&gt;Login&lt;/button&gt;
                  &lt;/li&gt;
              &lt;/fieldset&gt;
          &lt;/ul&gt;
          &lt;/fieldset&gt;
   &lt;/form&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>EDIT: 
  <a href="http://i.imgur.com/SPOjE.png" rel="nofollow">Here's a screen shot of what it looks like with the code above.</a></p>