Vertical padding for input elements in webkit browsers has no effect?

Just tested that and its bizzare how Chrome behaves. Could you maybe stick the input in a div and use padding on that?

Up vote 0 down vote favorite 1 share g+ share fb share tw.

I am unable to set a vertical/top padding for the text/placeholder in input elements. The following code will work in IE/Firefox/Opera, but not in Safari/Chrome: CSS: input { border: 1px solid black; height: 100px; padding: 70px 25px 10px 25px; width: 300px; } HTML: The webkit Developer Tools display the metrics as they should be, but the text is still in the middle of the input. Something similar might be here (unanswered though).

Css forms input webkit padding link|improve this question asked Jan 12 '11 at 15:26Alumni303 40% accept rate.

1 This is a webkit bug and they don't plan on fixing it: bugs.webkit.org/show_bug.cgi?id=32981 – Alumni Jan 12 '11 at 16:13.

Inputs are inline elements. Inline elements don't accept vertical padding. Add: display:block to your CSS, you will then have to add float:left and clear your floats afterwards.

It doesn't work – Alumni Jan 12 '11 at 16:31.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.