Вертикальное выравнивание в таблицах?

Question

У меня есть объект в таблице, и я не могу установить вертикальное выравнивание (он, похоже, не работает).

Почему?

Пример:

http://jsfiddle.net/PHDWz/1/

Answer 1

Когда я дать TD высоту .. содержимое вертикальной выровненной в середине ....

<table cellspacing="0"> 
    <thead> 
     <tr> 
      <th scope="col" style="width: 180px">Description</th> 
      <th scope="col">Textarea</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td height="400">Bla bla bla! Write something if you like! </td> 
      <td> 
       <textarea></textarea> <span><img src="http://www.qualtrics.com/university/wp-content/plugins/wp-print/images/printer_famfamfam.gif" alt="printer"> A printer!</span> 
      </td> 
    </tbody> 
</table> 

Answer 2

Текст в левом столбце сидит в середине по вертикали, когда я расширяю текстовое поле. Это использование Safari, пожалуйста, уточните, если что-то еще

Answer 3

просто добавьте дополнительную колонку, чтобы избежать «принтера!». ссылка вынуждена быть привязанной как выравнивание до текстового поля.
В вашем css вы можете опустить выравнивание по вертикали для диапазона, так как это дублируется во внешнем td. не

<table cellspacing="0"> 
<thead> 
    <tr> 
     <th scope="col" style="width: 180px">Description</th> 
     <th scope="col" colspan="2">Textarea</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>Bla bla bla! Write something if you like! </td> 
     <td><textarea></textarea></td> 
     <td><span><img src="http://www.qualtrics.com/university/wp-content/plugins/wp-print/images/printer_famfamfam.gif" alt="printer"> A printer!</span> 
     </td> 
</tbody>