Como posicionar texto abaixo de uma imagem corretamente

Tengo una imagen alineada a la izquierda pero solo ocupa la mitad de la pantalla.
Mi problema es que después añado texto me sale en la mitad libre que queda a la derecha de la imagen pero yo quiero que salga justo debajo de la imagen y que quede el espacio libre de la derecha

Me estoy volviendo loco, cómo lo hago?

lo principal es que la imagen y el texto esten en el mismo contenedor <div>
si indicaras la pagina se te podria orientar mejor.

saludos.

Un ejemplo de código sería:

<img style="float:left" src="imagen.jpg" width="300" height="225" >
<p>Texto 1</p>
<p>Texto 2</p>

Esto hace que la imagen esté en la izquierda y tanto Texto1 como Texto2 se quedan a la derecha de la imagen
Quiero que Texto1 se quede a la derecha pero Texto2 se quede debajo.

Esto quiero que ocurra sea el tamaño que sea de la imagen, es decir, que si pongo una imagen de 800px pase lo mismo

[MENTION=13971]frs80[/MENTION] usa un <br /> para saltar.

Hola. Hay varias maneras de hacer eso, una:


Si quieres automatizar, te recomiendo que use selectores css3 como nth-child. Saludos