Any idea how to keep this text static

Hi guys,

Do you have any idea how to keep the text above the textarea static when you resize the textarea. It expands by the size of the parent div. My intention is to keep everything centered.

The link:


<div id=div1>
    <div id=div2>
        <p>Paste link in the textarea.</p>
        <textarea type="text" id="txt"></textarea>

Code (markup):

The CSS:

#div1 {min-height: 10em; position: relative}
#div1 #div2 {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
.div3 {
margin: 1em auto;
text-align: center;

Code (markup):

Thanks in advanced,