css2all vertical-align: vertikale Ausrichtung

vertikale Ausrichtung :: vertical-align

Mit der Angabe "verical-align" legt man die vertikale Ausrichtung bezogen auf das Elternelement fest. Man kann damit die Ausrichtung  von Texten an anderen Texten wie auch Bildern bestimmen. Man kann nicht die Ausrichtung von Elementen innerhalb eines Block-Elementes bestimmen.

<div class="border">
  <span style="font-size: 24px;">Haupttext</span>
  <span style="vertical-align: middle">middle</span>
  <span style="vertical-align: super">super</span>
  <span style="vertical-align: sub">sub</span>
  <span style="vertical-align: text-top">text-top</span>
  <span style="vertical-align: text-bottom">text-bottom</span>
  <span style="vertical-align: top">top</span>
  <span style="vertical-align: bottom">bottom</span>
</div>
<br /><br /><br />
<div class="border">
  <img src="img/g3242.png" alt="Logo" />
  <span style="vertical-align: middle">middle</span>
  <span style="vertical-align: super">super</span>
  <span style="vertical-align: sub">sub</span>
  <span style="vertical-align: text-top">text-top</span>
  <span style="vertical-align: text-bottom">text-bottom</span>
  <span style="vertical-align: top">top</span>
  <span style="vertical-align: bottom">bottom</span>
</div>

so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird

Haupttext middle super sub text-top text-bottom top bottom

middle super sub text-top text-bottom top bottom

vertical-align Definition

Browserunterstützung von vertical-align

	5	5.5+	5-7	7.5+	4	6+	1+	0.8+	1+	3.5+	2
Ausrichtung an einem Bild
baseline	J	J	J	J	J	J	J	J	J	J	J
Längen- und Prozentangaben	N	J	J	J	N	J	J	J	J	J	J
super, sub
top, bottom
middle
text-top, text-bottom
Ausrichtung an einem Text
baseline	J	J	J	J	J	J	J	J	J	J	J
Längen- und Prozentangaben	N	J	J	J	N	J	J	J	J	J	J
super, sub
top, bottom
middle
text-top, text-bottom
Ausrichtung in Tabellenzellen
middle, top, bottom	J	J	J	J	J	J	J	J	J	J	J
Längen- und Prozentangaben