如何讓表中的停留字符頂部

Question

看看這段代碼：

<table width="100%"> 
    <tbody> 
     <tr> 
      <td style="width:20%;"><span>hello world</span></td> 
      <td style="width:60%;"> 
       <textarea style="width:100%;height:200px;"></textarea> 
      </td> 
      <td> 
      </td> 
     </tr>  
    </tbody> 
</table> 

這個「Hello World」，在左側<td>

只是停留在中間（有時甚至在底部），

那麼我應該設置什麼屬性讓這個詞保持在表格的頂部？ Here is an online example at JSFiddle

Answer 1

只需將vertical-align: top;添加到td樣式即可。

See it here。

Answer 2

<table width="100%"> 
      <tbody> 
       <tr> 
        <td style="width:20%;" valign="top"><span>hello world</span></td> 
        <td style="width:60%;"> 
         <textarea style="width:100%;height:200px;"></textarea> 
        </td> 
        <td> 
        </td> 
       </tr> 

      </tbody> 
     </table>