html / css how to Middle (vertically) align text inside a <textarea>

Question

I want to centre the text inside a text area; I am trying with the line height, but it doesn't work.

Answer 1

You could use the contenteditable="true" attribute on a <div> and then skin it with CSS.

Here is a link for cross browser compatibility: Reliable cross-browser info on ContentEditable

Answer 2

You can use padding only to achieve that, but it's not pretty way to do things. You can also use jQuery to make the padding flexible, instead of just setting it by yourself.

Answer 3

Hey now you can used input tag

Replace textarea into input tag as like this

and define height and line-height

Css

input[type="text"]{
line-height:125px;
    height:125px;
}

HTML

<input type="text" value="">

Live demo http://jsfiddle.net/MTCrt/