I have an inline image next to an inline input type="text". The bottom of the image aligns with the bottom of the text in the input field, but I want it to align with the actual bottom of the input element.

Does anyone know how I can do this?

Example test page is located at http://doctype.org/test/image-bottom-spacing.html

put all the elements into a single span (inline element) and use vertical-align:bottom; on the child elements.

http://www.candsdesign.co.uk/referen...ertical-align/