问无法水平地对齐社会按钮

EN

首先，在有人把这个问题说成是“确切的副本”之前，我在网站上搜索并回答，却找不到任何有帮助的:)

我有一个网页，其中有一个社交栏看起来有点像引导社交栏在他们的头版。我的网站使用引导作为站点模板。

我的社交按钮问题。我添加了Google+，Twitter和Facebook按钮，现在我很难正确地对齐.多亏了Facebook按钮。

我使用的代码与3个社交网络的官方代码完全相同，我将每个按钮放置在<li> of a <ul>中(同样，请参阅引导首页中的一个示例)。注:我添加了一些背景颜色和一些填充，以使事情清楚。

其结果是您在下面看到的图像(来自IE的屏幕快照)。Google+和Twitter玩得很好，而Facebook却让事情变得很艰难.还是恰恰相反？

​

​

在我用于测试的所有浏览器(IE、Firefox、Chrome和Opera)中，这都是相同的行为。

UPDATE：访问此小提琴以查看示例。