<button>元素上面的空格是什麼？

Question

我有一段文字，下面應該是一個textarea和一個大的方形按鈕，並排放置。在文本區域和跨度之間，或者按鈕和跨度之間應該沒有垂直空間。 textarea看起來很完美。然而，該按鈕的上方有大約15-20px的空白區域，所以它看起來比文本區域低很多，而不是很好地排列起來。我告訴它設置填充和邊距爲0px，那麼F？

<span class="notice"> 
Logged in as "ladygaga" (type message and hit ENTER or click SEND) 
</span> 

<textarea id="messagebox"> 
</textarea> 
<button id="send">SEND</button> 

而CSS：

#messagebox 
{ 
width:300px; 
height:40px; 
background-color:white; 
border:2px; 
border-style:solid; 
border-color:green; 
overflow:auto; 
resize:none; 
} 

#send 
{ 
margin:0px; 
padding:0px; 
font-size:14px; 
height:40px; 
width:50px; 
} 

Answer 1

此：

#send { 
    vertical-align: top; 
} 

現場演示：http://jsfiddle.net/YSHmE/2/