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

Answer 2

你的意思是这样的吗？

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

span{
    float:left;
}

http://jsfiddle.net/T5tJW/

Answer 3

vertical-align属性垂直对齐元素。

写：

.vmiddle{display:inlline-block;vertical-align:top;}

<div>
  <span class="vmiddle">Type</span>
  <textarea class="vmiddle" rows="5" cols="10"> </textarea>
</div>

DEMO here.

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

3 个答案: