如何將元素浮動到CSS中的中心？

Question

編輯：我不能修改HTML頁面都否則我將自動獲得一個0

我的教授剛給我們佈置任務，我們添加CSS到HTML頁面。我們必須遵循截圖，使用正確的邊距，填充，邊框，寬度和高度。

對於多列，他希望我們使用float，這是一切都很好，但3列需要浮動到左側，然後居中在頁面中。

因此，儘管截圖如下：

我的實際項目看起來是這樣的：

我怎麼浮這些列，並讓他們爲中心？

我設置了文本對齊的部分＃特色，但只集中文本，而不是元素。我無法使用display屬性，否則我將獲得積分。在其他屏幕截圖中，他沒有爲列指定任何邊距或填充，所以它們就是它們。

它們是div元素漂浮在左邊，順便說一下，所以它們的默認顯示是block。設置自動保證金不做任何事情。

任何想法？我應該堅持給他，並使用display而不是float？因爲實際上的作品爲。

Answer 1

看看圖。

創建一個容器來表示深藍色/紫色輪廓。給它一個尺寸。居中。

安排三個並排元素裏面的那個容器。

Answer 2

您可以將在div您的元素和使用CSS像

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