Bilder ausrichten

Ein Text neben einem Bild kann an der oberen Bildkante, in der Mitte und unten ausgerichtet werden.

Dazu wird der Befehl align="top|bottom|middle" innerhalb des IMG-TAGS verwendet.

  • align="top" - Text wird an der oberen Bildkante ausgerichtet (top = oben)
  • align="middle" - Text wird mittig zum Bild ausgerichtet (middle = mittig)
  • align="bottom" - Text wird an der unteren Bildkante ausgerichtet (bottom = unten) 
<p>
  a) Schach matt -
  <img src="schach_logo.jpg" align="top"
  height="137" width="175" />
</p>

<p>
  b) Schach matt -
  <img src="schach_logo.jpg" align="middle"
  height="137" width="175" />
</p>

<p>
  c) Schach matt -
  <img src="schach_logo.jpg" align="bottom"
  height="137" width="175" />
</p>

Und durch die Erweiterung des TAGs durch align sieht das Ganze im Browser wie folgt aus:

a) Schach matt -

b) Schach matt -

c) Schach matt -

vorheriges Kapitel: Attribute bei Aufzählungen
nächstes Kapitel: Trennlinie Attribute
Attribute bei AufzählungenSeitenanfangTrennlinie Attribute
eBook HTML-Seminar.de Videokurs HTML + CSS + Webdesign erstellen

Video-Tutorial: über 210 Videos,
Gesamtspielzeit über 24 Stunden
Video-Kurs HTML5+CSS+Webdesign

© 2000-2012 Axel Pratzner • www.html-seminar.de • Stand 18.3.2012
Wir freuen uns über Weiterempfehlungen und Links zu www.html-seminar.de