Beispiel zu vertical-align

Sie sehen die Auswirkung von vertical-align in verschiedenen Kontexten.

SymbolbildDieser Text enthält ein Bild. Dies ist ein Inline-Element, das nicht an der Grundlinie ausgerichtet ist.

Dieser Text enthält ein Bild.Symbolbild Dies ist ein Inline-Element, das an der Grundlinie ausgerichtet ist.


Die folgende Tabelle enthält alle Varianten. Nur top, bottom middle sind anwendbar.

Die folgende Tabelle enthält alle Varianten. Nur top, bottom middle sind anwendbar.

normal top super text-top middle baseline text-bottom sub bottom normal
normal 100% 50% -50% -100% 10px 5px -5px -10px normal