Question

我想要这个：

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

我基本上复制了这个： How do I align a label and a textarea? 仍然没有帮助

这是我的代码：

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

谢谢！

Answer 1

只需浮动<textarea>。

textarea{
    float:left;
}

Demo

Answer 2

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

<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垂直居中有多重要？

textarea旁边的多行描述

2 个答案: