css - displaying html form inputs horizontally -

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

in html, have 3 elemnts 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 separate divs, using float:left unique class in css code messy unreasonably long. essentially, wanted know if there simple way achieve layout html , css.

thanks time!

this css should work, though haven't tested:

input { display: inline; }