Question

I’m sure there’s an easy solution for this, but so far I’ve not found it and I’m about ready to throw my PC through the window.

Any ideas how I can vertical align a select with a jQuery button where the button height is greater than the height of the select. Like this:

http://jsfiddle.net/hCCzQ/4/

I’m trying to align them so that the select is in the middle of the button.

Many thanks!

Answer 1

This works for me well:

select, button {
    vertical-align: middle;
}
​

DEMO: http://jsfiddle.net/hCCzQ/6/