1. / 2. / 3. / 4. / 5.
Diese
Graphik wird linksbündig angezeigt ("style="float:left;
margin-right:10px; margin-bottom:10px; margin-top: 5px;")
und besitzt keinen Rand. Dies ist im Stylesheet festgelegt:
img { border: none; }
Diese und die folgenden Graphiken regeln den vertikalen und horizontalen
Abstand der Graphik zum Text durch das margin Attribut im style-Attribut.
In diesem Fall ist die Graphik rechtsbündig ausgerichtet
("style="float:right; margin-left:10px; margin-bottom:10px; margin-top: 5px;")
und hat an allen vier Seiten einen 1px Rand. Die Border ist im Stylesheet definiert:
.borderStrong { border: 1px solid #034045;}
("style="float:right; margin-left:10px; margin-bottom:10px; margin-top: 5px;")
und hat an allen vier Seiten einen 1px Rand. Die Border ist im Stylesheet definiert:
.borderStrong { border: 1px solid #034045;}
Diese Graphik ist zentriert ausgerichtet:
<div align="center"> ... <img ... > ... </div>