Как оставить персонажа в таблице наверху

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>

просто остается в середине (иногда даже внизу),

так какой атрибут я должен установить, чтобы слово оставалось в верхней части таблицы? Вот онлайн-пример на 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>