Html 使用float对齐div元素

我正在尝试为一个小图库对齐一些包含一些图像的div标签。我使用了

float:right

，似乎可以工作，但由于某种原因，在某一行中没有div，而是空格为空，div在下一行中跳转到它。你可以在这里看到：

“$row['titel']”，



“$row['size']”，

";
.gridImage{
宽度：40%；
浮动：对；
填充：10px；
显示：内联；
文本对齐：居中；
}

试试这个

.gridImage {
    width: 40%;
    display: inline-block;
    text-align: center;
}

---

你为什么不使用外部样式表或

标记？所有内联CSS都是不好的做法，让我们更难帮助你。你需要在这里发布你的标记，而不是明天会改变或消失的第三方网站，对任何人都没有帮助。对不起，我现在修复了帖子。你能删除否决票并关闭pos提案吗我的建议是，不要使用float，而是使用列。

.gridImage {
    width: 40%;
    display: inline-block;
    text-align: center;
}