CSS - Exact same height and alignment of button and input text box

Question

I need to have a button and a tex box sitting next to each other and they have to align up perfectly as if one is bigger than the other then it will be instantly noticeable.

Answer 1

Use a background div with an image for the input. That is much easier to keep consistent. Also, absolute positioning is good for this type of situation.

edit: I wrote this answer 5 years ago, there are better ways now.