Twitter bootstrap 如何将图标移动到该社交按钮的中心？

我试图移动字体可怕的图标的中心垂直和水平的圆形背景。但每一次它要么在左边，要么在上面，要么在下面
如何修复这些图标并移动到中心

下面是代码（因为它在页脚中，所以我在CSS中添加了额外的行）：

.页脚{
背景色：#22222；
填充：0 40px；
文本对齐：居中；
}
.页脚a{
字体大小：14px；
颜色：#ffffff；
}
社交按钮{
文本对齐：居中；
证明内容：中心；
边缘顶端：40px；
}
ul.social-a{
字体大小：35px；
线高：50px；
显示：块；
宽度：70px；
高度：70像素；
-webkit转换：所有0.3；
过渡：均为0.3秒；
颜色：#22222；
边界半径：100%；
大纲：无；
背景色：#ffffff；
边框：5px实心#fed136；
}
ul.social-buttons li a:活动，ul.social-buttons li a:焦点，ul.social-buttons li a:悬停{
背景色：#fed136；
}

您可以在

i

元素上使用

垂直对齐：中间

。它们是

内联块

元素，它们将在容器内垂直对齐。无需添加特定的线条高度或边距等

见下文

。页脚{
背景色：#22222；
填充：0 40px；
文本对齐：居中；
}
.页脚a{
字体大小：14px；
颜色：#ffffff；
}
社交按钮{
文本对齐：居中；
证明内容：中心；
边缘顶端：40px；
}
ul.social-a{
字体大小：35px；
线高：50px；
显示：块；
宽度：70px；
高度：70像素；
-webkit转换：所有0.3；
过渡：均为0.3秒；
颜色：#22222；
边界半径：100%；
大纲：无；
背景色：#ffffff；
边框：5px实心#fed136；
}
ul.social-buttons李a：主动，
ul.a:焦点，
ul.social-buttons李娜：悬停{
背景色：#fed136；
}
ul.social-i{
垂直对齐：中间对齐；
}

线条高度必须与元素容器的大小相同。而

使用边距：auto@Artyom使用

显示：flex至
ul.social-buttons
可能重复@vidy，即水平对齐而非垂直对齐。Mehraj Khan，显示flex而不对齐项目或对齐内容不会对齐中心的元素