html - 在同一级别对齐文本和文本区域

Question

在下面的 html 中，如何将 text 和 text area 对齐在同一级别？

<div>
  <span>Type</span>
  <span> <textarea rows="5" cols="100"> </textarea>
</div>

目前text出现在textarea的底部。

Answer 1

<span class="alignTogether">type</span>

<span class="alignTogether"> "your text area" </span>

CSS

.alignTogether {
   float: left;
}

有多种方法可以做到这一点......

另一种方法是将 .alignTogether 类添加到您的 css，然后将类添加到您的 div，如下所示:

<div class="alignTogether">
   <span> these will float left </span>
</div>

.alignTogether span{
   float:left;
}

我建议在这里复习一些 CSS: CSS Tutorials @ W3C