Hay varios métodos o técnicas para ocultar textos utilizando css.
A continuación 3 ejemplos de los métodos que más he utilizado.
1. display:none
Es el más sencillo pero también más agresivo para los buscadores, ya que detectan a primera vista que estas ocultando este elemento (no recomendable desde el punto de vista SEO).
.ocultatexto { display:none; }
2. text-indent:-666em
Tabulamos el elemento a -666em
.ocultatexto { text-indent:-666em; overflow:hidden; }
3. text-indent: 100%; white-space: nowrap;
Tabulamos el elemento al 100% sin añadir saltos de línea en el texto para que el contenido si pueda salir de contenedor
.ocultatexto { text-indent: 100%; white-space: nowrap; overflow:hidden; }
Agradezco tu comentario 🤘