• From: Utah
  • Registered: 2009-01-09
  • Posts: 76

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)

  • Registered: 2009-03-07
  • Posts: 238

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?

  • From: Long Island, NY
  • Registered: 2009-07-02
  • Posts: 131

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

cgunther's Website