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

This will always work and you have the flexibility of placing the label at either; top, middle or bottom

HTML:

    My Label
    

CSS:

#mydiv{
    display: table-cell;
}

label, textarea{
    display: inline-block;
    vertical-align: middle; /** Can be switched to 'top' if you so wish **/
}