html - 如何将标题放在图像下方的一行中？

Question

如何将 3 个标题放在圆形图像下方。这是 site我正在努力。

Answer 1

这里的问题是您没有正确清除 float 。

我建议按照行来包装所有 float ，例如

您的 Logo 和链接在一行中，因此将其包装在带有 clearfix 类的 div 中。 然后你有三个圆形图像，所以将它们包装在一个带有 clearfix 类的 div 中。 然后你的 h 标签带有 float ，所以将它们包装在一个带有 clearfix 类的 div 中。

然后应该将 clearfix 类添加到您的 css 中。

 .clearfix:before, .clearfix:after{
    content:'\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    clear: both;
    width: 0;
    height: 0;
}

这是一个快速的 fiddle 。

http://jsfiddle.net/5JGrb/