Text mehrzeilig neben Bild einrücken

[ChristianW]

Hallo,

ich habe folgendes Problem, das ich jetzt schon eine ganze Weile versuche zu lösen.
Wahrscheinlich ist die Lösung zu einfach, dass ich nicht drauf Komme.

Ich habe einen Text Block, den ich mit

<p style="padding-left:40px;"> ... </p>

nach rechts eingerückt habe. Er soll sich von den Text Blöcken darüber und darunter absetzen, deshalb.
Nun zum Problem: Innerhalb des

<p> </p>

kommt zuerst ein kleines Bild und dann ein langer Text. Da der Text so lang ist, erscheint er über mehrere Zeilen. leider fängt der Text in der zweiten Zeile direkt unter dem Bild wieder. Ich möchte aber, dass dieser erst an der selben Stelle anfängt wie die erste Zeile, also neben dem Bild.

Hier mein Code:

<p style="padding-left:40px;"><img src="images/bild.jpg" alt="check" align="left"> text text text</p>

Dargestellt wird dieser so:
[ Bild ] texttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext

Ich möchte aber, dass der Text so angeziegt wird:
[ Bild ] texttexttexttexttexttexttext
[ leer ] texttexttexttexttexttexttext
[ leer ] texttexttexttexttexttexttext

Ich danke im voraus für eure Mühen.
LG Christian

 

[djheke]

So geht es.

.box {
 border:1px solid #000;
 overflow:hidden;
}

.box img {
 float:left;
 margin:10px;
}

.box p {
 margin-left:100px; /* Bildbreite */
}

HTML

 <div class="box"><img src="datei" alt="text"><p>Text</p></div>

 

[ChristianW]

Was soll ich sagen, ...
Es funktioniert einwandfrei :)
Ich danke dir vielmals.