Ocultar texto con CSS y text-indent

0 - , - 00/00/0000 00:00:00

Este truco es muy útil para, por ejemplo, utilizarlo en el logotipo de una empresa. Lo usual es que sea una imagen, pero también es muy conveniente poner el nombre de la empresa dentro de un h1 por razones de SEO. Esta es la mejor manera de hacerlo. Lo que básicamente se hace es ocultar el texto lejos de la pantalla, y aplicar una imagen de fondo.

h1 {
	text-indent:-9999px;
	margin:0 auto;
	width:400px;
	height:100px;
	background:transparent url("images/logo.jpg") no-repeat scroll;
}

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha