Placeholder text is not vertically centered in Safari

Question

Do you have any idea on how to get the placeholder attribute to vertically center in safari? Though when you start typing, the text is perfectly centred.

Answer 1

The easiest way is to use both the line-height and height CSS properties. Just give the text input a line-height with the same value as its height.

By the way, your live site looks okay to me in chrome 16.