浮动div使图像在页面中心对齐

Question

我有这个有趣的事情继续我的HTML代码。我使用div而不是表，它有左侧和右侧。图像位于左侧，文本位于右侧。      有趣的是，第一行表现得很好，但第二行图像浮在页面中间。          这是我的jsbin链接http://jsbin.com/alejuHE/1/ 任何帮助将不胜感激。

Answer 1

解决此问题的一种方法是在每行之后清除你的花车，我更新了你的jsbin来演示这个http://jsbin.com/alejuHE/7/

此解决方案利用clear:both;在每一行之后有效地重置浮动，这意味着图像向左移动而不是浮动到前一行。

但是，根据您的应用程序，我会说以这种方式使用浮动不是首选，您应该考虑使用包含设置为display:block;的元素来使您的内容正确地向下流动页面。