Dal momento che le immagini sono flottanti si comportano come degli oggetti immersi in un liquido, per tale motivo ottieni quel comportamento.
In linea di massima ci sono due principali soluzioni.
Puoi applicare clear:left (o clear:both) all'elemento che segue quelle immagini, in modo che da quel punto sia interrotto l'effetto flottante:
codice:
<p>testo testo testo testo testo</p>
<img class="picleft" src="img/led.png" />
<img class="picleft" src="img/led.png" />
<img class="picleft" src="img/led.png" />
<p style="clear:left">testo testo testo testo testo</p>
In alternativa puoi racchiudere le immagini in un contenitore (un div, come hai accennato tu stesso) al quale applichi la proprietà overflow:auto, così che l'effetto flottante sia confinato entro i limiti del div stesso e di ciò che contiene:
codice:
p>testo testo testo testo testo</p>
<div style="overflow:auto">
<img class="picleft" src="img/led.png" />
<img class="picleft" src="img/led.png" />
<img class="picleft" src="img/led.png" />
</div>
<p>testo testo testo testo testo</p>
EDIT: pardon, ninja72 mi ha anticipato, è stato troppo veloce