Вертикально-Align: текст-топ; не работает в ячейке таблицы (td) в HTML5

Не знаю, почему, но для жизни меня я не могу заставить свой текст выравниваться в верхней части ячейки таблицы (td), когда ячейка перед ее переносом текста.

Если я напишу его в HTML, он будет работать, но не сможет получить тот же эффект в моем CSS.

Работает с HTML:

<td style="vertical-align:text-top;">Some Text</td>

Не с CSS:

table td { vertical-align: text-top; }

И я пробовал каждую комбинацию, которую вы можете себе представить в моем CSS

Ответ 1

Убедитесь, что вы не устанавливаете "display: block" в элементах TD, так как вертикальное выравнивание не работает с элементами блока. Кроме того, text-top не самый лучший и имеет некоторые проблемы с перекрестным браузером. Вместо этого используйте "верх". Попробуйте добавить это в таблицу стилей:

table td { 
  display: table-cell;
  vertical-align: top; 
}