consiglio immagine float in paragrafo

[Mich_]

Direi che ogni elemento della "lista" deve essere un oggetto che possa contenere sia testo che altri oggetti.
Non ti basta un

, dato che non riesce a "chiudere" il float dell'immagine.
Puoi usare ad esempio un <div>.
Quindi il codice diventa:

<div class="articolo">
  

<img ...>
  il resto del testo
  </p>
  <p class="clr">&amp;nbsp;</p>
</div>

Il CSS:
.articolo {
  width: 300px;
  margin: 0;
  padding: 5px;
  border: 5px 0 5px 0 solid red;
}
.articolo p {
  text-align:justify;   /* sarebbe da evitare, specie con una larghezza limitata */
}
.articolo img {
  float: left;
}
.clr {
  font-size:0;
  height: 0;
  clear: left;
}