CSS Vertical-Align vs. Align-Content ⇐ HTML

[Anonymous]

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

Code: Select all

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

Code: Select all

zzz
xxxx


1111
222
33
4444

Die vertikale Positionierung funktioniert nicht konsistent in allen Browsern. In Firefox wird der Inhalt der linken Zelle oben ausgerichtet. In Safari und Chrome ist es mittig ausgerichtet.
Ich kenne die Lösung des Problems bereits: Verwenden Sie entweder Vertical-Align oder align-content, nicht beides. Ich würde nur gerne verstehen, warum das passiert. Welcher Browser verhält sich falsch? Gibt es offizielle Richtlinien zum Mischen dieser beiden Eigenschaften?