html - 将多个DIV居中

无法将某些徽标居中。我尝试使用margin: auto和text-align: center，但似乎无法正常工作。

JSfiddle

最佳答案

您想要类似this的东西吗？

我加了这个班

#footer-container {
    width: 100%;
    display: inline-block;
    text-align: center;
}

并对该类进行了一些更改（例如：删除float）

.button-circle {
  display: inline-block;
  width: 66px;
  height: 50px;
  padding: 0px;
  margin-top: 20px;
  margin-right: 50px;
}