Formularz rejestracji, Lekkie pozycjonawanie Opcje

[starach]

Cześć wszystkim.
Przez lekkie pozycjonowanie rozumiem pozycjonowanie elementów strony - w tym wypadku formularza -
- przy użyciu jak najmniejsze ilości znaczników HTML. Czyli zrzucenie większości zadań na CSS

Chciałbym aby pola formularza były oddalone od tekstu je opisującego.
W taki sposób aby owe pola znalazły się równo jedno pod drugim.
Jak to zrobić oszczędzając sobie wpisywania dużej ilości znaczników HTML ? Albo jak to zrobić w ogóle ?
CSS:

[HTML] pobierz, plaintext 
div.registration { padding:50px; }
div.registration form { width:80%; margin:0 auto; border:1px solid #000; }
div.registration form p { width:100%; margin:5px; text-align:left; font-size:14px; }
div.registration form input { height:12px; width:120px; font-size:12px; line-height:20px; background:none; }
div.registration form input.button { height:21px; width:240px; font-size:12px; line-height:21px; background:none; }
[HTML] pobierz, plaintext 

HTML:

[HTML] pobierz, plaintext 
<div class="registration">
	<form method="POST" action="http://localhost/registration/confirm.html">
		<p>Name (display) <input type="text" name="name"></p>
		<p>User name (login) <input type="text" name="username"></p>
		<p>Password <input type="password" name="password1"></p>
		<p>Retype password <input type="password" name="password2"></p>
		<p>Email address <input type="text" name="email1"></p>
		<p>Confirm your email <input type="text" name="email1"></p>
		<p><input class="button" type="submit" value="Register"> <input class="button" type="button" value="Resend avtivation email"></p>
	</form>
</div>
[HTML] pobierz, plaintext 

[Crozin]

Popraw kod na bardziej semantyczny:

[HTML] pobierz, plaintext 
<div class="registration">
  <form method="post" action="...">
    <fieldset>
      <legend>Formularz rejestracji</legend>
      <label><input type="text" name="name" /> Name (display)</label>
      <label><input type="text" name="username" /> User name (login)</label>
      <label><input type="password" name="password" /> Password</label>
    </fieldset>
  </form> 
</div>
[HTML] pobierz, plaintext 

CSS

Kod

.registration legend{display: none;}
.registration label{
  display: block;
  width: 300px;
  margin: 2px 0;
  overflow: hidden;
}
.registration input{
  float: right;
}