垂直对齐基线和textareas

Question

我正在尝试使用文本区域中第一行文本的基线排列标签.

天真的尝试:

<div style="vertical-align: baseline; display: inline-block">
   <label for="comments">Comments:</label>
</div>
<div style="vertical-align: baseline; display: inline-block">
   <textarea name="comments" id="comments"></textarea>
</div>

导致标签与文本区域的底部对齐.我宁愿让它与该地区的第一线对齐.

谢谢.

Answer 1

您需要将 的label div内部与文本区域相同，然后，如果您希望将其设置为您要查找的div的顶部，而不是.textareavertical-align: topbaseline

此处查看和示例： http:
//jsfiddle.net/anhus/