CSS Vertikale Ausrichtung

Wie kann ich einen Basistext oder Powertext erstellen?
Wie kann ich eine Unterzeile oder Supertext erstellen?

Erklärung

Eigenschaft:

Vertikale Ausrichtung

Usage:


vertical-align: baseline;
vertical-align: sub;
vertical-align: super;
vertical-align: 50%;
vertical-align: pt | px | cm;
Definition:

Mit diesem Attribut können wir unseren Text dekorieren. Einen Basis- und Powertext erstellen.
Es nimmt die folgenden Werte.
a)baseline : Dieser Text wird normal gezeigt.
b)sub : Dieser Text wird als ein sub Text gezeigt. Es wird unter den normalen Text liegen.
c)super : Dieser Text wird als ein super Text gezeigt. Es wird höher von dem normalen Text liegen.
d)% : Dieser Wert kann in Prozenten eingestellt werden, wie 50%, etc...
e)pt | px | cm : Der Wert kann in Punkte oder Pixel oder cm eingestellt werden

Beispiel 1:
Folgendes ist <font style="vertical-align: baseline;"> ein schrifthaltender Text </font> Beispiel.
Ergenis:
Folgendes ist ein schrifthaltender Text Beispiel.

Beispiel 2:
Folgendes ist <font style="vertical-align: sub;"> ein Sub line Text </font> Beispiel.
Ergenis:
Folgendes ist ein Sub Text Example.

Beispiel 3:
Folgendes ist <font style="vertical-align: super;"> ein Super Line Text </font> Beispiel.
Ergenis:
Folgendes ist ein Super Line Text Beispiel.

Beispiel 4:
Folgendes ist <font style="vertical-align: -10px;"> Pixel </font> Beispiel.
Ergenis:
Folgendes ist Pixel Beispiel.

Anmerkung: Um einen Untertext zu erstellen, sollten wir die Werte negativ einstellen. Diese Regel gilt auch für %,pt und cm. Im Beispiel von oben, statt px können wir use pt(Punkte) oder cm(Zentimeter) or % (Prozentsatz) Werte auch verwenden.