Няколко линии на описание до textarea - html

Искам това:

textarea
textarea  description line 1
textarea  description line 2
textarea  description line 3
textarea

Вместо това получавам това:

textarea  description line 1
textarea
textarea
textarea
textarea
description line 2
description line 3

По принцип копирах това: Как да подравня етикета и текстовото поле? все още няма помощ

това е моят код:

<p class="formfield" style="vertical-align: middle;">
<textarea name="vals" id="vals" cols="40" rows="5"></textarea>
<label for="vals" >
Enter Values <br> Format:<br> GPR,GPR,GPR or <br> GPR GPR GPR</label></p>

Благодаря!

Отговори:

Просто плува <textarea>.

textarea{
float:left;
}

Демонстрация

Ако искате да запазите стила си на кодиране, можете да го промените

<p class="formfield" style="vertical-align: middle; margin-right: 10px; float: left;">
<textarea name="vals" id="vals" cols="40" rows="5"></textarea></p>
<div style="vertical-align:middle; border: 1px solid black;">
<p><label for="vals">
Enter Values <br/>
Format:<br/>
GPR,GPR,GPR or<br/>
GPR GPR GPR</label>
</p>
</div>

Колко важно е, че описанието е вертикално центрирано с текстовото поле?