Question

编辑：我根本无法修改HTML页面，否则我会自动获得0。

我的教授给了我们这个分配，我们将CSS添加到HTML页面。我们必须使用正确的边距，填充，边框，宽度和高度来跟踪屏幕截图。

对于多列，他希望我们使用float，这很好，花花公子，但需要将3列浮动到左边，然后在页面中居中。

所以虽然屏幕截图如下所示：

我的实际项目如下：

我应该如何漂浮这些列，并让它们居中？

我为section＃features设置了text-align，但是只将文本居中，而不是元素。我不能使用display属性，否则我会获得积分。在其他屏幕截图中，他没有为列指定任何边距或填充，因此它们就是它们。

顺便说一下，它们是div元素浮动到左侧，因此它们的默认显示为block。设置自动保证金无效。

有什么想法吗？我应该坚持使用display代替float吗？因为实际上工作。

Answer 1

查看图表。

创建一个容器来表示深蓝色/紫色轮廓。给它一个大小。居中。

在容器内安排三个并排元素。

Answer 2

您可以将元素放在div中，并使用css（如

）将其居中

#my_div {
    display: table;
    margin: 0 auto;
}