Alles op dezelfde hoogte

[baws]

Hallo,

Ik heb een form.

In dit form heb ik :

<form method="post" action="****" name="loginform">
	<span style="white-space:nowrap">
		<label for="login_input_username" style="vertical-align: bottom">Gebruikersnaam</label>
		<input id="login_input_username" style="vertical-align: bottom"  type="text" name="****" required="">
	</span>
		<label for="login_input_password">Wachtwoord</label>
		<input id="login_input_password"  type="password" name="****" autocomplete="off" required="" style="background: #2f2f2f url(" test.png")="" no-repeat;"="">
		<input style="display: inline;" type="image" name="login" value="Log in" src="/media/img/icons/knop2.png">
	</form>

zie voorbeel http://jsfiddle.net/hUKCd/2/

Wat ik wil is dat de onderkant van alles even hoog staat, dus de onderkant van text evenhoog als het input veld en dat ook de knop even hoog staat.
Nu zie je dat de button een stuk hoger staat als het text veld ernaast.
Bij facebook bijvoorbeeld is het mooi uitgeleind en alles even hoog.
https://www.facebook.com/

 

[total70]

class meegeven aan de label, en met css position en top gebruiken.
http://jsfiddle.net/hUKCd/4/