如何让表格中的字符保持在顶部

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”

正好停留在中间（有时甚至在底部），

那么我应该设置什么属性让这个词停留在桌子的顶部？ 这是 JSFiddle 上的在线示例

Answer 1

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

在此处查看。

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>