remove line before and after form

[sae]

When you put a form on your website it puts an empty line before the form and and empty line after. I want to know how to remove that. I want my form to fit into a horizontal bar. You can see my progress on the website

http://www.canadianyouthworker.com/index.php?theme=Karl

[felgall]

Add the following to your stylesheet:

form {margin:0}

[sae]

thank you.

[sae]

The form is still not on the same line. Any ideas?

[toicontien]

Look at the elements directly preceding the FORM and directly after the FORM. Those elements may have margins on them too. Also, you may want to float the form left, as well as the preceding block. The FORM tag is a block level element and is rendered on its own line unless you float it. Also beware that floats react differently in the layout compared to normal block elements. Be sure to use Firefox, Opera or Safari when designing and not just IE-Win.

[sae]

By "on the same line" I mean that right now the "welcome, guest" and the login form are on two lines and I want them beside each other.

I will try floating it.

I design in FF and fix for IE.