居中并水平对齐图像

Question

表单很好我试图让我的社交媒体图标看起来像这张图片：http://gyazo.com/1b9f9eee3c4896b73b6117638218afc5居中，但彼此相邻。

http://www.bootply.com/NrHvR4fg8u这是我的表单代码。

任何输入都将不胜感激

Answer 1

您可以将父div设置为text-align：center;然后将每个社交图标显示为内联块。

#socialSignIn {
  text-align:center;
}

#socialSignIn #googleLogin, #socialSignIn #facebookLogin {
  margin-right: 5px;
  display: inline-block;
}