Html 如何使一个div中的文本环绕另一个具有img和文本的div

如何使div中的文本环绕另一个div，而float或inline块不起作用。 这就是我想要的

                      ________
_____________________|        |_
 Div: text text text |  img   | |
 text test text text |separate| |
 text test text text |   div  | |
 text test text text  --------  |
text test text text text test   |

这就是我所拥有的

                      ________
_____________________|        |_
 Div: text text text |  img   | |
 text test text text |separate| |
 text test text text |   div  | |
 text test text text  --------  |
text test text text             |
text test text text             |
text test text text             |

---

这应该是非常直截了当的。只需浮动

div

或

img

并应用负

边距

body{背景：红色；}
div{
宽度：300px；
保证金：40px自动0；
背景：#fff；
}
img{
浮动：对；
裕度：-20px 0；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。但拉奥里特·马萨（laoreet massa）和康莫多·普雷蒂姆（commodo pretium）。在普通道路上行驶的车辆。奥奇莫尔比酒店
purus、posuere vel erat sit amet、viverra调味品velit。我的头发很细。在vehicula，dolor ut rutrum egestas，lorem orci pulvinar velit，vel rutrum urna massa和augue。整数级大直径。奎斯克·洛勒姆·塞姆，封建主义者
accumsan non，调味品等级est。在ipsum nec eros Pellentsque ullamcorper使用了eros。在波苏尔酒后驾车。潜力悬钩子。国际货币基金组织（Quisque interdum）、欧洲货币基金组织（arcu eu congue lobortis）、欧洲货币基金组织（metus Concertetur tellus）、欧洲货币基金组织（nec sollicitudin justo mauris vehicula nunc）。
虎口浮雕和肘部浮雕同侧前庭；

这应该是非常直截了当的。只需浮动

div

或

img

并应用负

边距

body{背景：红色；}
div{
宽度：300px；
保证金：40px自动0；
背景：#fff；
}
img{
浮动：对；
裕度：-20px 0；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。但拉奥里特·马萨（laoreet massa）和康莫多·普雷蒂姆（commodo pretium）。在普通道路上行驶的车辆。奥奇莫尔比酒店
purus、posuere vel erat sit amet、viverra调味品velit。我的头发很细。在vehicula，dolor ut rutrum egestas，lorem orci pulvinar velit，vel rutrum urna massa和augue。整数级大直径。奎斯克·洛勒姆·塞姆，封建主义者
accumsan non，调味品等级est。在ipsum nec eros Pellentsque ullamcorper使用了eros。在波苏尔酒后驾车。潜力悬钩子。国际货币基金组织（Quisque interdum）、欧洲货币基金组织（arcu eu congue lobortis）、欧洲货币基金组织（metus Concertetur tellus）、欧洲货币基金组织（nec sollicitudin justo mauris vehicula nunc）。
虎口浮雕和肘部浮雕同侧前庭；

尝试使用Ppadding/margin-我在这里为我们设置了一个代码笔：

HTML

    <div class="one">
  <div class="two">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR2rju9r765Nbqd7MKVb2EGuAomXXBMqM5pBEhhLFiCnSjuP9R1eLLh5sU"/>
  </div>
  texttexttexttexttexttexttext<br/>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext<br/>texttexttexttexttexttexttexttext<br/>texttexttexttexttexttexttexttexttexttexttexttexttexttext<br/>texttexttexttexttexttexttext
</div>

---

尝试使用Ppadding/margin-我在这里为我们设置了一个代码笔：

HTML

    <div class="one">
  <div class="two">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR2rju9r765Nbqd7MKVb2EGuAomXXBMqM5pBEhhLFiCnSjuP9R1eLLh5sU"/>
  </div>
  texttexttexttexttexttexttext<br/>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext<br/>texttexttexttexttexttexttexttext<br/>texttexttexttexttexttexttexttexttexttexttexttexttexttext<br/>texttexttexttexttexttexttext
</div>

---

您可以将它们设置为两个单独的div，并以固定的宽度和高度将float应用于第一个div。即:

HTML

---

这里有一个

您可以将它们设为两个单独的div，并以固定的宽度和高度将float应用于第一个div。即:

HTML

这里有一个

<div class="a"></div>
<div class="b">TEXT TEXT TEXT<div>

.a {
  float: right;
  width: 150px;
  height: 150px;
}