Html 在父节中水平对齐多个div

我在父节中有几个div，我正在尝试对齐，以便div在节中居中。就像现在一样，div是左对齐的。我试过做

margin:0 auto

，但不起作用。有人能解释一下我是如何做到这一点的吗

部分{
边缘底部：10px；
宽度：100vw；
高度：100vh；
}
.通知{
宽度：50vw；
高度：10vh；
}
第二节社会媒体{
背景色：红色；
宽度：100vw；
高度：15vh；
}
//我正试着集中注意力
节.图标{
保证金：0自动；
宽度：15vw；
高度：15vh；
背景颜色：绿色；
}

我们的网站目前正在建设中，请随时通过社交媒体与我们联系。

并从

图标中删除
浮动

并从
图标中删除
float
，只需使用“页边距：0自动”；不使用“文本对齐：居中”，不使用“显示：内联块；”，不使用float
只需使用“页边距：0自动”；不使用“文本对齐：居中”，不使用“显示：内联块；”，不使用float
谢谢，我已经更新了我的代码，以显示您建议的更改，但它不起作用。对我有效：（顺便说一下。//CSS中的注释无效，请参阅链接笔）。这可能是因为我当时尝试的注释或缓存。谢谢你的帮助。但奇怪的是，我的开发版本不起作用。谢谢，我已经更新了代码，以显示你建议的更改，但它不起作用。对我有效：（顺便说一下。//CSS中的注释无效，请参阅链接笔）。这可能是因为我当时尝试的注释或缓存。谢谢你的帮助。奇怪的是，它在我的开发版本上不起作用。谢谢你，不幸的是，那也不起作用。我已更新代码以显示。它现在在您的笔内正常工作。。。正如vbulant所说，您必须删除//注释！谢谢你，不幸的是，这也不行。我已更新代码以显示。它现在在您的笔内正常工作。。。正如vbulant所说，您必须删除//注释！
.socialmedia { text-align: center; }
.icon { display: inline-block; }