12 de noviembre de 2008

CSS: Aumentar o reducir el espacio entre letras y entre palabras

¿Es posible aumentar o reducir el tamaño de los espacios entre palabras o letras de un texto de una web utilizando CSS?
Sí.

¿Cómo se hace?
Pues muy fácil, con word-spacing y con letter-spacing.

Aquí van unos ejemplos:
<span style="letter-spacing:10px;">Hola Mundo</span> = Hola Mundo
<span style="word-spacing:10px;">Hola Mundo</span> = Hola Mundo

¿Se pueden combinar ambos efectos?
Naturalmente, como todos los estilos CSS

2 comentarios:

Alex N dijo...

y como hago que este código se visualice igial en ie que en chrome? porque le doy 100 px de separación y en ie me lo separa mas que en chrome... Puedes ayuarme por favor???????

Gabriel Cuesta dijo...

Tendrás que aplicar un css hack para diferenciar a los dos navegadores.

http://www.webdevout.net/css-hacks