Se eu quero criar um menu a direita com text align: right e usar o valor -9999px; não parece funcionar... Quando eu usei 9999px positivo funcionou mas esticou minha tela.
Na stack overflow eu achei esse comentário:
"Apart from the reason that text-indent doesn't works on inline elements. another reason is if your element or one of its parent has been set with text-align:right So make sure your element has been set with text-align:left to fix this."
Ok, porém quero alinhar meu menu a direita com icones de redes sociais.
Eu estou usando overflow: hidden; e funciou mas não sei é "gambiarra" .
.rede-social a { width: 12px; height: 12px; display: inline-block; text-indent: 99999px; overflow: hidden; }
Essa seria uma técnica sem prejuízo semântico?
Qual outra técnica seria interessante ou melhor? Agradeço desde já
