В чем разница между align и text-align?

Question

[Евгений Обыкновенный]

Есть ли какая-то разница между
<div align="center"></div>
и
<div style="text-align: center"></div>

На вопрос натолкнуло то, что в таблицах align="center" действует своеобразно.
<table align="center"></table> --- сама таблица выравнивается по центру.
<table style="text-align: center"></table> --- ничего не происходит.

Быть может на div-ах тоже есть какие-то различия?

Comments

[tyzberd]

align="center" он устаревший

Answer 1

[Алексей Скляров]

text-align - выравнивание текста внутри элемента, которому это свойство задано.
align="center" выравнивает сам элемент, если это возможно. Например для картинок, таблиц, фреймов и тд.

По поводу различия align="" это атрибут, который вы задаете в html-коде. text-align:center - CSS свойство

Comments

[Антон Спирин]

text-align - выравнивание текста внутри элемента

Только не текста, а любых строчных и строчно-блочных элементов.

[Евгений Обыкновенный]

align="center" выравнивает сам элемент, если это возможно.

Почему невозможно выравнивание div`а?

[Алексей Скляров]

Евгений Обыкновенный, потому что для div этот атрибут работает как выравниватель текста, а не самого блока.

[tempick]

Евгений Обыкновенный, потому что это блочный элемент. Добавьте к нему в css display:inline-block и тогда он выравняется по центру. Если, конечно, родительскому блоку задать text-align:center. А атрибутом не советую пользоваться. Не знаю, насчет устаревшести, но когда всё оформление в css, так гораздо проще и понятнее

Answer 2

[Монти Пайтон]

Не используйте align="center"
Этот атрибут давно не используется, его оставили в браузерах только для поддержки очень старых сайтов
В наше время для внешнего вида нужно использовать только CSS

Answer 3

[Максим]

text-align:center; центрирует inline, inline-block;
align - протух уже