textarea label vertical-align: middle

Question

I\'m trying to align the label for this text area in the middle of the text box, but it just isn\'t working. The output looks something like this:

          xxxx         


        

Answer 1

CODEPEN DEMO

HTML

 

  Textarea:
  

CSS

label,
textarea{
  display:inline-block;
  vertical-align:middle;

}