Html 将文本环绕图像

我试图让文字环绕在下面页面中的图像周围。虽然图像向左浮动，但文本似乎没有环绕

---

如果您有任何帮助，我将不胜感激。

您的

div中既有图像也有文本

，并且都是左浮动的。。。这很好-但是

div

元素没有指定的宽度-因此它们占用了100%（块元素）-如果您为

div

s指定一个宽度，它将显示在图像的右侧您的

。region

类有一个

float:left

规则，应该删除该规则。然后还需要删除h2元素上的

clear:both

规则。然后，您需要向页面上的图像添加一个

float:left

规则。

由于文本和图形都位于两个单独的DIV标记中，因此，您应该合并它们

我想我找到了解决办法。这对我很管用

我所做的是创建一个名为content的div，并将其放入img和另一个包含文本的div中。 看看这里

希望有帮助

添加样式

.region > img {
    float: left;
}

并将

display:inline block

添加到

#page#u product#overview h2

#page_product #overview h2 {
    margin: 0 0 1.5em;
    font-style: italic;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.429;
    display: inline-block;
}

---

如果我在两个div中都添加一个宽度，那么文本将在一个单独的列中，但不会环绕文本。您建议的解决方案可行，但我希望有一个更简单的解决方案，这样这些更改不会影响其他页面。这实际上不会环绕-添加更多文本，您将看到文本不会在图像下方流动。