在右对齐图标周围换行文字？

Question

是否可以在右上角创建一个小方框（在列表中将是一个行元素），并在其周围添加文字？类似的东西：

-------------------------------------------------
| 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?    |
-------------------------------------------------

我打算将其用作列表中的一行，用户可以单击右上角的图标来删除该行。我可以使用＆lt; div＆gt;或者＆lt; table＆gt;，我不确定哪个更好？：

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

由于

Answer 1

听起来像是浮动的工作。

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

Answer 2

完美，谢谢！

你也可以把浮动放在div中：

<div style="float: right">
   Any type of content (tables, lists, images, other divs, etc)
</div>

您可能想要指定宽度。