Php 无法集中社交按钮

我正在开发一个输出图像的页面，然后依次允许用户共享/tweet/。。。他们的形象。除了一件事，

sharre

按钮不会集中在页面中之外，所有操作都正常

我尝试过各种方法，从通常将div包装在父div中，父div的样式规则为

width:100%；保证金：0自动

一直到

文本对齐：居中

，这是最后一次放弃希望的尝试，但都无济于事。当我使用jQuery Mobile时，我甚至尝试使用网格，但这些讨厌的按钮仍然粘在页面的左侧，就好像在页面和中间有一个悬崖<有人知道吗我已经创建了一个JSBin来演示这个问题（JSFIDLE已关闭）——

Sharrre Github:[包括.js文件]

非常感谢

--

HTML:

---

我认为您可以使用div来包含两个社交图标，其样式如下：

.shareContainer{
      width:240px;
      margin:0 auto;
      text-align:center;
}

并更新“.sharre”类，如下所示：

.sharrre{
    margin:55px 0 0 50px;
    float:left;
    text-align:center;
    margin-right:auto;
    margin-left:auto;
    padding:0 20px;
}

这里有更新

希望这有助于作为一个起点

.shareContainer{
      width:240px;
      margin:0 auto;
      text-align:center;
}

.sharrre{
    margin:55px 0 0 50px;
    float:left;
    text-align:center;
    margin-right:auto;
    margin-left:auto;
    padding:0 20px;
}