Bitte nicht.
Damit der Text innerhalb der Absätze nicht hochrutscht, musst/kannst Du das so machen
Code:
p img {
float: left;
}
p:after {
display: block;
content: ".";
height: 0;
clear: both;
visibility: hidden;
}
* html p {
height: 1%;
}
Wenn der Text
immer zu dem Bild stehen soll und nicht evtl. neben dem darüber liegenden Bild angezeigt werden soll, dann würde ich hierfür ebenfalls einen eigenen Absatz nehmen.
Code:
<p>
<img src="blub.png" width="50" height="80" alt="blub" />
Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
<p>
<img src="blub.png" width="50" height="80" alt="blub" />
Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
<p>
<img src="blub.png" width="50" height="80" alt="blub" />
Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
Habe es gerade mal ausprobiert und habe es auf Anhieb nicht hinbekommen 2 Bilder und Text-Abschnitte innerhalb eines Absatzes so auszurichten, dass der entsprechende Text immer neben dem zugehörigen Bild angezeigt wird, würde also zu obigem raten.
Die Anweisung "* html ..." am Besten in ein eigenes CSS für den IE, welches per CC eingebunden wird.
Wenn der Text immer neben dem Bild angezeigt werden soll, dann würde ich auch sagen, dass es semantisch völlig korrekt ist dann immer einen eigenen Absatz zu definieren, da Text und Bild ja dann immer zusammengehörig sind.
Layout-Angaben, wie align="left" gehören nicht ins Markup.