Question

I am wondering if there is some way to align text on the right of a photo, and keep the text in that same “box” even after the image ends using HTML and CSS. A quick “diagram” of what I am attempting to accomplish is below:

------- --------
------- --------
-Image- - Text -
------- --------
------- --------
        --------
        --------

Thanks for any help!

Answer 1

If you set a width on the text div and float both the Image and the Text left (float:left), that should do the trick. Clear the floats after both.

<div style="float:left; width:200px">
    <img/>
</div>

<div style="float:left; width:200px">
    Text text text
</div>

<div style="clear:both"></div>