iOS 5.0 Safari not vertically centering placeholder in text box

Question

I want to vertically center the text entered in input text boxes on the page.

Typical way to achieve this is to set the line-height and height equal. This works on pre

Answer 1

You should use percentage for the line-height.

.txtBox {
       line-height: 100%;
       height: 3em;
    }