My form looks like:

**

    <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>

**

I want the layout so all the labels line up on the left (with the label text right-aligned), and the input box all lined up, floating to the left.

So the form should look like:

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

There will be another form on the right side of the above form (with the id=#rightform)

Really confused how to do this properly...