Html 如何将标题放在图像下的一行中？

如何将3个标题放在圆形图像下。这是我正在处理的问题。

请试试这个

.containerDiv div{
    float:left;
    margin: 10px;
}

.containerDiv div h3{
    text-align: center;
}

---

感谢您的时间。

这里的问题是您没有正确地清除浮动

我建议按行包装所有浮动，例如

您将徽标和链接放在一行上，以便使用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;
}

这是一把快小提琴

---

给我们看一些代码，把它们放进去。containerDiv和赋值float:left；对于H3，您为什么不将文本放在圆角图像本身中呢？要快速执行此操作，您需要清除containerDiv上的三个圆角图像添加clearfix类和css add.container:after{content:\0020；display:block；height:0；clear:both；visibility:hidden；}。clearfix:before，.clearfix:after{内容：'\0020'；显示：块；溢出：隐藏；可见性：隐藏；宽度：0；高度：0；}标题必须在四舍五入的Img的标题下，我尝试在帖子中添加代码，但网站不允许我是一个新手。Srymine更像是一个修复您当前拥有的内容和正确清除浮动的方法，但这是一个更有效的解决方案；