How make a textarea with changeable width and height and with a lable on the upper border on the right corner with HTML5 and CSS3

Question

I neeed to make a textarea with changeable width and height and with a lable on the upper border on the right corner with HTML5 and CSS3 like below picture :

How can I do this? Any help will be appriciated!

Answer 1

Something like this?

 body { font-size:14px; } .form-control { display:inline-block; position:relative;} label { text-align:right; background-color:white; right:5px; top:-5px; position:absolute;} textarea { display:block; }

 <div class="form-control"> <label for="#myTextArea">My Label</label> <textarea>My text area</textarea> </div>