Topic: Removing the line break after block elements with CSS in IE

I have a few forms that are just hidden fields with submit buttons, and I am trying to remove the line break after the form block elements so they are all inline instead of being pushed down to the next line.  I found a solution that works with Firefox, but not IE.
My current solution for Firefox:

form {
    display: inline-block;
}

Any ideas or workarounds for this would be greatly appreciated.

Last edited by justinlyman (2009-07-07 15:59:06)

Re: Removing the line break after block elements with CSS in IE

Hmm, I thought that you only needed to do display:inline; and assumed it works on many browsers?

Re: Removing the line break after block elements with CSS in IE

display:inline should work (depending on what other styles you may have defined on your form). Unfortunately IE doesn't fully support inline-block.

Here's a better write up on the property: http://www.search-this.com/2008/08/28/l … n-a-block/

Chris