CSS вертикальное выравнивание и выравнивание содержимого ⇐ Html

[Anonymous]

https://jsfiddle.net/04cp73u2/6/

Код: Выделить всё

zzz
xxxx


1111
222
33
4444

Код: Выделить всё

table td {
vertical-align: top;
align-content: center;
}

Вертикальное позиционирование не всегда работает в разных браузерах. В Firefox содержимое левой ячейки выравнивается по верхнему краю. В Safari и Chrome оно выравнивается по середине.
Я уже знаю решение проблемы: используйте либо вертикальное выравнивание, либо выравнивание содержимого, но не оба одновременно. Мне просто хотелось бы понять, почему это происходит. Какой браузер ведет себя неправильно? Существуют ли какие-либо официальные рекомендации по смешиванию этих двух свойств?

Подробнее здесь: https://stackoverflow.com/questions/798 ... gn-content