在同一級別對齊文本和textarea

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

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.

Answer 3

你的意思是這樣的嗎？

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

span{ 
    float:left; 
} 

http://jsfiddle.net/T5tJW/