我正在开始我的第一个网站,并在网上发布:Link to my site
但是,正如您可以看到UL(列表)或任何其他文本在新行上而不是与图像并排。我认为它应该在同一行,因为它在同一个标签中,但它不是。
如何解决?
答案 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
更喜欢这个。我希望这有帮助!