text carrying on downwards in a column after there's no image anymore

[johnyboy]

<p>
<img src"piccy.jpg" ... />
</p>

<h3>Heading</h3>

<p>Text about image etc. Text about image etc. Text about image etc. Text about image etc. Text about image etc. Text about image etc. Text about image etc. Text about image etc.</p>

having put .img { float:left } to get the text to the right of the image, how can you have the text carrying on ranging left along the same vertical line as it is when the image is to the left of it when the image runs out as it were? so the text should carry on down in a column even when there's no image to the left of it any more.

tia

[c2uk]

try putting the text in a separate div and give it a margin that equals image-size + whitespace between image and text, you might need to float:left this div as well.

Haven't tried this technique in a while, so it might not be the solution. Try it out and maybe if you can provide an online version, I can be of more help.

[johnyboy]

okay thanks