Why do webKit browsers render the following with extra padding/margin on the bottom?

Apparently, it has something to do with textarea being an inline element. The gap appears to be the area below the baseline. If you set display:block it will get rid of the gap.

Up vote 2 down vote favorite share g+ share fb share tw.

Render: html css google-chrome webkit link|improve this question asked Dec 16 '10 at 4:20Babiker5,301835 92% accept rate.

1 This is odd, and I don't know why it happens -- but you can get rid of it by floating the text area inside the parent div. (You'll also have to set overflow:hidden; on the parent div). I'd really like to know a better answer for this, if anyone has one.

– Lee Dec 16 '10 at 4:31 @Lee: Your solution is the best so far, and i've tried many things. – Babiker Dec 16 '10 at 4:36 I just figured it out... See my answer below. – Lee Dec 16 '10 at 4:38.

Asdf Apparently, it has something to do with being an inline element. The gap appears to be the area below the baseline. If you set display:block;, it will get rid of the gap.

It doesn't look like your telling it a height so it may be using a default height (based on the div). Just try it, no guarantees but hey it may.

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.