Html textarea旁边有多行描述

我想要这个：

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>

输入值
格式：
GPR、GPR、GPR或
GPR GPR

谢谢

只需浮动

---

如果你想保持你的编码风格，你可以改为

<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>

输入值

格式：

探地雷达、探地雷达、探地雷达或

探地雷达

---

描述与文本区域垂直居中有多重要？

保持垂直居中不是很重要。如果可能，我希望整个元素保持水平居中。当我将textarea向左浮动并将其包装在一个居中的div中时，它会返回到将大部分描述放在下面。@MatthewClarkson请提供您试图修复的实际代码以获得准确的解决方案。上面的代码根据您提供的代码工作，其中没有居中div。。。

<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>