Wrap text around a right-aligned icon?

Question

Hi,

Is it possible to make a small box (which will be a row element in a list for me) with an icon in the upper right corner, and text wrapped around it? Something like:

-------------------------------------------------
| Some text here which may wrap around  [icon]  |
| if it were to get too long, but then fit well |
| around the icon in the upper right corner?    |
-------------------------------------------------

I was going to use this as a row in a list, and the user could click the icon in the upper-right to delete the row. I could use either a <div> or a <table>, I'm not sure which will be better?:

<div> 
  <p>The text</p>
  <img src="close.png" align="upper-right">
</div>

Thanks

Answer 1

Sounds like a job for a float.

<div> 
    <img src="close.png" style="float: right" />
    <p>The text</p>
</div>