Comment créer une 2 colonnes pour séparer l'étiquette et l'élément de saisie dans un formulaire ?

Question

Mon formulaire ressemble à :

**

    <p><label>first name</label><input type=text name=fn /></p>
    <p><label>last name</label><input type=text name=ln /></p>

</div>
<div id="rightform">
    <p><label>state</label><input type=text name=state /></p>
    <p><label>city</label><input type=text name=city /></p>

</div>

**

Je veux que la mise en page soit telle que toutes les étiquettes soient alignées sur la gauche (avec le texte de l'étiquette aligné à droite), et que le champ de saisie soit aligné, flottant sur la gauche.

Le formulaire devrait donc ressembler à ça :

          asdf-label INPUTBOX
           123-label INPUTBOX
   yet-another-label INPUTBOX

Il y aura un autre formulaire sur le côté droit du formulaire ci-dessus (avec l'id=#rightform)

Je ne sais vraiment pas comment procéder correctement...