Solucionado
As imagens com esse código ficam uma em cima da outra, não estou entendendo o porque, será que alguém pode ajudar?
.icones-sociais a {
width: 40px;
height: 40px;
display: inline-block;
text-indent: -99999px;
}
.github {
background-image: url(github.png);
}
.twitter {
background-image: url(twitter.png);
}
.linkedin {
background-image: url(linkedin.png);
}Achei a solução.
.icones-sociais li {
display: inline-block;
}
Oi Felipe,
Que bom que conseguiu resolver :)
A tag <li> é que tem display:block por padrão, fazendo com que cada elemento fique em baixo do outro.
Bons estudos!