displaying html form inputs horizontally

i am trying to recreate the login form shown on tinypic's main page.

in html, i have the 3 elemnts like this:

E-Mail:
<input type="text" name="id" maxlength="30" value="" />
Password:
<input type="text" name="pw" maxlength="30" value="" />

<input type="submit" name="submit" value="Login" />

i have tried putting them into separate divs, using float:left with a unique class in css but the code is really messy unreasonably long. так что по сути, я хотел знать, есть ли простой способ достичь такого макета с помощью html и css.

спасибо за время!