如何让表格中的角色保持在顶部

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>

左侧<td>

中的“hello world”

只是停留在中间（有时甚至在底部），

那么我应该设置什么属性让单词保持在表格的顶部？ 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>