Home/ Questions/Q 6105535
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T13:58:56+00:00

I’m trying to get an <input /> to line up correctly next to a

  • 0

I’m trying to get an <input /> to line up correctly next to a <button> in IE7.

Ideally, the rendered HTML should appear as: (or similar)

enter image description here

but instead it’s appearing as

enter image description here

This is an example of the HTML/CSS I’m using: http://jsfiddle.net/wLpQg/1/

Note how the textbox appears on a different line to the button. This works correctly in all browsers except IE7 (and maybe IE6, but I haven’t checked that!)

How can I get this to appear on the same line as the button, preferably as similarly to the first image as possible?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    float in the input box to the left, and float button to the right. Then add margins until they’re lined up correctly.

    • 0