CSS：一個彎曲的兩個元素。防止包裝。

Question

我需要將圖像浮動到段落的右側。這比我想象的要難得多。

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


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

當我更改視口時，我需要文本來彈性顯示。當窗口變小時，圖像換行。

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

我需要做的是：

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

我不想使用位置：在圖像上絕對的。有另一種方法嗎？

Answer 1

文本之前把圖片：

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

工作：http://jsfiddle.net/Cmacu/GgPYy/

不是：http://jsfiddle.net/Cmacu/gxHNk/