Videos eBook Forum Kontakt

jetzt Videos kaufen
zum Lernen von HTML,
CSS und Webdesign

Jetzt das HTML-Seminar bestellen als
Video-Tutorial mit über 210 Videos:
von den Grundlagen bis zur fertigen Website
Video-Kurs HTML5, CSS & Webdesign

Video-Kurs bestellen HTML5, CSS & Webdesign
Video-Kurs bestellen HTML5, CSS & Webdesign

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 - Schachbrett oben ausgerichtet

b) Schach matt - Schachbrett mittig ausgerichtet

c) Schach matt - Schachbrett unten ausgerichtet