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

.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;
}