Na aula 9 de HTML5 e CSS I é usado o image replacement, mas acontece que usando isso as figuras dos ícones das redes sociais não ficam centralizadas, como eu faço para centraliza-las? Ícones decentralizados: https://imgur.com/SRv17sG
BIO.HTML
<ul class="icones-redes-sociais">
<li>
<a class="github" href=" https://github.com/git-joaodasilva">
Github
</a>
</li>
<li>
<a class="twitter" href="https://twitter.com/twitter-joaodasilva">
Twitter
</a>
</li>
<li>
<a class="linkedin" href="http://linkedin.com/pub/linkedin-joao-da-silva/32/4/508">
Linkedin
</a>
</li>
</ul>SITE.CSS
.icones-redes-sociais a {
width: 40px;
height: 40px;
display: inline-block;
text-indent: -9999px;
}
.linkedin {
background-image: url(linkedin.png);
}
.github {
background-image: url(github.png);
}
.twitter {
background-image: url(twitter.png);
}