CSS vertical-align

Die Werte verhalten sich unterschiedlich je nach angewendetem Kontext.

baseline liegt auf der Grundlinie. Auch Bilder liegen auf dieser Grundlinie. Die Grundlinie ist die Unterseite der Kleinbuchstaben.

Unterlängen wie in g, p, j, q sind reserviert. Um auf dieser Linie zu platzieren nimmt man bottom

Text mit einem g baseline bottom

Prozent 0% 40% 100%

Es folgt ein hochgestellter Text: vertical-align:super.

Es folgt ein tiefgestellter Text: vertical-align:sub.

Tabellenzelle In Tabellenzellen benutzt man die 3 Wert top, middle, bottom

Text mit vertical-align:top Text mit vertical-align:middle Text mit vertical-align:bottom

Bild und Text

top middle bottom -50% 175%