CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Paul McLoughlin
Paul McLoughlin

Reputation: 2289

Center and horizontally align images

The form is fine I'm trying to get my social media icons to look like this picture: http://gyazo.com/1b9f9eee3c4896b73b6117638218afc5 centered, but next to each other. enter image description here

http://www.bootply.com/NrHvR4fg8u Here is my form code.

Any input would be appreciated

Upvotes: 0

Views: 57

Answers (1)

yachaka
yachaka

Reputation: 5579

You can set parent div to text-align: center; and then display each social icon as inline-block. 

#socialSignIn {
  text-align:center;
}

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

Upvotes: 2

Related Questions