html - 浮动的中心图标

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 中的浮动。