html - 如何在 CSS 中将元素 float 到中心？

Question

编辑:我根本不能修改 HTML 页面，否则我会自动得到 0。

我的教授刚刚给我们布置了一项作业，即向 HTML 页面添加 CSS。我们必须遵循屏幕截图，使用右边距、填充、边框、宽度和高度。

对于多列，他希望我们使用 float，这一切都很好，但 3 列需要向左浮动，然后在页面中居中。

所以虽然屏幕截图看起来像这样:

我的实际元素是这样的:

我应该如何 float 这些列并使它们居中？

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

它们是向左浮动的 div 元素，所以它们的默认显示是 block。设置自动边距没有任何作用。

有什么想法吗？我是不是应该坚持给他并使用 display 而不是 float？因为那确实有效。

Answer 1

看图。

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

在该容器内排列三个并排元素。