How come when you have an image lined up next to a form element, they don't line up correctly? At first I thought it was the form tag's margins but setting those to zero did nothing... as did setting the element's margins to zero.
I don't use vertical-align at all because it seems it is handled differently in different user agents. I like setting top and bottom padding in conjunction with a line-height attribute to try to 'force' things into the middle.
The Ninja Space Goat wrote:I've always wondered what vertical-align did... so far not a single element I've tried to apply it to has been effected by it.
Yes, I think a lot of confusion comes from people expecting it to work like valign="top" in a table cell. But it's only for inline elements, not block level elements.