html - 在 HTML 中如何使图像允许文本环绕图像？

Question

我正在开始我的第一个网站，它在线发布在这里:Link to my site

但是，如您所见，UL(列表)或任何其他文本位于新行中，而不是与图像并排显示。我认为它应该在同一行，因为它在同一个标​​签中，但事实并非如此。

如何修复？

Answer 1

使用 float CSS 属性。这实际上是 float 属性的初衷。

例如:

img#yourImage {
    float: left;
}

不要忘记在应用了 float 的元素之后的元素上使用 clear 属性。或者，您可以在使用 :after 创建的“虚拟”元素上使用 clear。

更新:This site实际上提供了一个很好的解释和例子。