Centering text (vertically) inside a textbox using CSS

Question

I\'m currently working with a textbox that has a background. I was wondering if it\'s possible to center text (vertically) inside the textbox.

important

Answer 1

Did you try?:

input {vertical-align: middle;}

Answer 2

I wonder how you are able to align the text in a textbox but since you say, here is the suggestion:

For idiot IE, you can use this IE specific hack:

margin-top:50px; /* for standard-compliant browsers */
*margin-top:50px; /* for idiot IE */
_margin-top:50px; /* for idiot IE */

You might want to try other similar properties if you want rather than margin-top.

Answer 3

I know this one's a bit old, but I've just run into the same problem. The solution given here didn't help me which seemed strange. In my case it was the line height that was set to "1em". Changing the line height to something that resembled the height of the text box, rather than the size of the font it contained was the solution. This also continues to function as expected in Firefox, etc.