Как сделать текстовую область с изменяемой шириной и высотой и с ярлыком на верхней границе в правом углу с помощью HTML5 и CSS3

Question

Мне нужно сделать текстовую область с изменяемой шириной и высотой и с ярлыком на верхней границе в правом углу с помощью HTML5 и CSS3, как показано ниже:

Как я могу это сделать? Любая помощь будет оценена!

Answer 1

Как то так?

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>