Zusammenspiel von Text und Bildern

[1] Text vor dem Absatz mit Bild, gefolgt von horizontaler Linie


smiley 1 [2] Text beginnt neben dem Bild; alles in einem Feld mit Rand (damit man es besser sieht, wird der Text wiederholt) Text beginnt neben dem Bild; alles in einem Feld mit Rand


smiley 2

[3] Text neben dem bild ohne Begrenzung bis zum Seitenumbruch Text neben dem bild Text neben dem bild noch mehr Text noch mehr Text noch mehr Text noch mehr Text

danach folgt wieder eine horizontale Linie, das Bild ist aber noch nicht zu Ende...
smiley 3

[4] Text neben dem bild auf der anderen Seite... Text neben dem bild Text neben dem bild noch mehr Text noch mehr Text noch mehr Text noch mehr Text

[5] Text nach dem Absatz mit Bild


smiley 4

[6] Text neben dem bild Text neben dem bild Text neben dem bild noch mehr Text noch mehr Text noch mehr Text noch mehr Text

[7] Dieses Mal soll der Umbruch nach dem Bild weiter gehen
smiley 5

[8] Text neben dem bild Text neben dem bild Text neben dem bild noch mehr Text noch mehr Text noch mehr Text noch mehr Text

[9] Umbruch geht natürlich auch ohne horizontale Linie Text nach dem Absatz mit Bild

smiley 6
[10] Text unterhalb einer Grafik (Breite 150), dessen Breite auf die der Grafik begrenzt ist.
Hier mit Zeilenumbruch zwischen Grafik und Text. ]

smiley 7 [11] Text unterhalb einer Grafik (Breite 234), dessen Breite auf die der Grafik begrenzt ist.
Hier ist der Text in einem Absatz, was zu geinem größeren Abstand zum Bild führt. Der Abstand kann durch Zuweisung eines margin-top-Wertes korrigiert werden.