html - 如何安排 <div> 内的 &lt;input&gt; 和 &lt;textarea&gt; 与 <div> 的顶部对齐

Question

我有以下内容:

<div>
   <input>
   <input>
   <textarea>
<div>

我想要的是输入的顶部和文本区域全部对齐。但是，似乎输入位于 div 的底部，而文本区域位于 div 的顶部。有什么方法可以用 CSS 解决这个问题吗？

这是我想要实现的:

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x  input   input    textarea                        x
x                   textarea                        x
x                   textarea                        x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Answer 1

使用vertical-align:

div textarea, div input {
    vertical-align: top;
}