Ich versuche ein kleines Eingabefeld für Benutzernamen und Passwort zu erstellen.

Ich möchte fragen, wie Sie ein div vertikal ausrichten?

Was ich habe ist:

<div id="Login" class="BlackStrip floatright">
   <div id="Username" class="floatleft">Username<br>Password</div>
   <div id="Form" class="floatleft">
   <form action="" method="post">
      <input type="text" border="0"><br>
      <input type="password" border="0">
   </form>
   </div>
</div>

Wie kann ich das div mit der ID Username und Form so einstellen, dass es sich vertikal zur Mitte ausrichtet? Ich habe versucht zu setzen:

vertical-align: middle;

in CSS für den div mit der ID Login, aber es scheint nicht zu funktionieren. Jede Hilfe wäre dankbar.