如何使图像允许文本在HTML中环绕?

时间:2013-04-13 05:04:03

标签: html css image

我正在开始我的第一个网站,并在网上发布:Link to my site

但是,正如您可以看到UL(列表)或任何其他文本在新行上而不是与图像并排。我认为它应该在同一行,因为它在同一个标​​签中,但它不是。

如何解决?

2 个答案:

答案 0 :(得分:1)

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

e.g:

img#yourImage {
    float: left;
}

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

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

答案 1 :(得分:0)

将此css添加到ul.favourites

display: inline-block;
vertical-align: top;

我个人比float:left更喜欢这个。我希望这有帮助!