Vi sobre essa técnica que usa a tag span e o display none. Gostaria de saber de se ela tem algum possível problema como pode acontecer com o font-size 0 e o text-indent negativo. Alguém explica melhor sobre essa técnica, por favor.
Segue os códigos HTML e CSS abaixo:
HTML
<ul class="icones-social">
<li><a href="http://github.com/joaodasilva" class="github"> <span>Github</span> </a></li>
<li><a href="http://twitter.com/joaodasilva" class="twitter"> <span>Twitter</span> </a></li>
<li><a href="http://linkedin.com/joaodasilva" class="linkedin"> <span>LinkedIn</span> </a></li>
</ul>CSS
.icones-social a {
width: 40px;
height: 40px;
display: inline-block;
}
.icones-social span {
display: none;
}