Html 如何在CSS中将元素浮动到中心？

编辑：我根本无法修改HTML页面，否则我将自动得到一个0。

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

对于多个列，他希望我们使用

float

，这很好，但是需要将3列向左浮动，然后在页面中居中

因此，虽然屏幕截图如下所示：

我的实际项目如下所示：

我该如何使这些柱子浮动，并使它们居中

我已经为章节#特色设置了文本对齐，但这只是将文本居中，而不是元素居中。我不能使用

显示

属性，否则我会被扣分。在其他屏幕截图中，他没有为列指定任何边距或填充，因此它们就是这样

顺便说一下，它们是浮动到左侧的

div

元素，因此它们的默认显示是

block

。设置自动边距没有任何作用

有什么想法吗？我是不是应该把它贴在他身上，用

display

而不是

float

？因为这确实有效。

请看图表

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

---

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

您可以将元素放置在

div中，并使用类似css的css将其居中

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

这个答案可能正是让上面的布局（标题和四列）在截图中也起作用的原因。我忘了提到我不能编辑HTML，否则我会自动得到一个0。老实说，这位教授真是个白痴。这个图表本身令人困惑。我使每一列宽350px，高度是自动的。父元素的高度是自动的，我将其设置为1130px。（我指的是绿色容器，因为它看起来像是父元素）啊，等等。我想到了错误的元素。我没有将父级设置为1130px。完全被忽视了。考虑到我在技术上甚至没有给父母一个尺码，我把你的答案标记为正确。所以一旦我把它精确到1130px，自动边距就把它居中了。完美的我根本不能修改HTML页面，否则我会得到一个0。@RickyAYoder，但你可以阅读它，然后检查你的教授在其中放置元素的类；如果是id，则使用
#
选择器；如果是类，则使用
选择器