В HTML5 атрибуты table align и valign устарели в пользу альтернатив через CSS. Я использую <td align="center" valign="top">, но я хочу изменить, поэтому я не выгляжу непрофессиональным, используя устаревшие атрибуты. Например, как использовать CSS вместо атрибутов в этом блоке кода:
<table style="width:1000px; height:100px;">
<tr>
<td align="center" valign="top">Text</td>
</tr>
</table>
По существу, как я могу выровнять текст, изображения и т.д. в верхней части таблицы и центрировать их в ячейке?
Мне удалось центрировать текст с помощью text-align:center;, но как бы удалить атрибут valign? Я пробовал vertical-align:text-top;, но он не работает. Я также хотел бы, чтобы он работал с div с float: и margin:, но я чувствую, что это будет inestable в старых браузерах, а именно Internet Explorer.