Ocultar texto en CSS

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).

2. text-indent:-666em

Tabulamos el elemento a -666em

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