CSS 如何让元素浮动到中心？

Question

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

我的教授刚刚给了我们这个作业，我们将 CSS 添加到 HTML 页面。我们必须按照屏幕截图，使用右边距、填充、边框、宽度和高度。

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

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

我的实际项目是这样的：

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

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

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

有什么想法吗？我是不是应该直接贴给他，用 display 而不是 float？因为那实际上 有效 .

Answer 1

看图

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

将三个并排的元素排列在那个容器内。

Answer 2

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

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