CODEWITHSUNDEEP
cssiconscenter
Tumaj Nuri
Tumaj Nuri

Reputation: 37

Can't center my social media icon

I'm trying to display my social media icons like this: 

<div class ="social">
    <div class="bordered"><a href="http://facebook.com/" target="_blank"><i><img src="images/about/facebook.png" width="25" height="25" alt="" border="0" align=""></i></a></div>
</div>

but my website displays these icons from left to right like this. When I delete/remove the whole "bordered" div and replace it with an image, with a word or with any element, I see it in the middle. The problem is I can't have the div called "bordered" on middle/center.

Upvotes: 1

Views: 58

Answers (1)

Rachel Gallen
Rachel Gallen

Reputation: 28553

You are using center tags which are obsolete. Use margin-left:auto; and margin-right:auto;

Upvotes: 2

Related Questions