Stopping text from wrapping around image

Question

I am destroying my mind trying to get this styling done right. I have a fixed size image with an unpredictable height div of text to the right of it. I want the top of the text to line up with the top of the image but to NOT wrap around it. My markup is:

<img height='231px' width='132px' style='float:left' />
<div>Text</div>

I would like to find a solution that doesn't involve using a table, but at the moment I am drained and can't think about how to do it with css/divs

Answer 1

This should do the trick.

<div style="margin-left: 132px">Text</div>

To have space between the text and the image, make the margin larger or add a padding-left.