已浮动的中心图标

Question

是否可以将已浮动到左侧的多个图标居中？

.facebook{
  background-image: url('icons/facebook.png');
}

.social-icons{
  height: 48px;
  width: 48px;
  margin: 10px;
  float: left;
}

HTML：

<div class="facebook social-icons"></div>

我尝试制作一个新的DIV并将余量设置为0 auto，但它似乎没有改变位置，因为它被浮动覆盖了。有解决方法吗？

Answer 1

为它找到了解决方案。

我不得不使用inline-block元素使其像块元素一样。可以说这有效地取代了HTML5中的浮点数。