首先，在有人将这个问题作为“精确副本”关闭之前，我在网站上搜索并回答，但找不到任何可以帮助的内容：)
我有一个网页，其中有一个社交栏，在他们的首页看起来有点像Bootstrap社交栏。我的站点使用Bootstrap作为站点模板。
我的社交按钮问题。我添加了 Google+、Twitter 和 Facebook 按钮，现在我正在努力正确对齐......感谢 Facebook 按钮。
我使用的代码与来自 3 个社交网络的官方代码完全相同，并且我将每个按钮都放在了<li>a 中<ul>（同样，请参阅Bootstrap主页以获取示例）。注意：我添加了一些背景颜色和一些填充以使事情变得清晰。
结果就是您在下面看到的图像（来自 IE 的屏幕截图）。Google+ 和 Twitter 玩得很好，而 Facebook 让事情变得困难……还是相反？
在我用于测试的所有浏览器（IE、Firefox、Chrome 和 Opera）中，这都是相同的行为
更新：访问此小提琴以查看示例。