Html CSS：两个元素，一个弯曲。防止包裹。

我需要在段落的右侧浮动一个图像。这比我想象的要困难得多

                                  100px
+-------------------------+  +------------+
|                         |  |            |
|                         |  |            |
|   text                  |  |  img       |100px
|                         |  |            |
|                         |  |            |
+-------------------------+  +------------+


<div>
  <p>Some text...</p>
  <img src="url" />
</div>

我需要它来做到这一点：

+--------------+ +----------+  +
|              | |          |  |
|              | |   img    |  |
|              | |          |  |
|   text       | |          |  |
|              | +----------+  |
|              |               |
|              |               |
+--------------+               |
                               |
                               |
                               |
                               v

---

我不想在图像上使用position:absolute。还有其他方法吗？

将图像置于文本之前：

<div>
   <img src="url" />
  <p>Some text...</p>
</div>

一些文字

工作：

不是：

<div>
   <img src="url" />
  <p>Some text...</p>
</div>