Espacios en blanco con CSS

Se define mediante la propiedad "white-space", la cual puede tomar los siguientes valores:

pre. Cuando queremos que se tome literalemente los escrito, incluyendo todos y cada uno de los espacios en blanco.
nowrap. Permite que se conserve todo el texto definido sin aplicar ningún salto de línea forzado por algún elemento del documento. Es el sustituto del típico <TD nowrap>.
normal. Valor por defecto para la definición de espacios en blanco, la cual no aplica ninguna consideración especial sobre el texto.

Ejemplo 4. Espacios en blanco

<html>
<head>
<title>Propiedades del texto</title>
<style>
p { width: 300px; }
p.libre { white-space: pre; }
p.sinsaltos { white-space: nowrap; }
p.normal { white-space: normal; }
</style>
</head>
<body>
<p class="libre"> Texto con distintas representacion
de espacios en blanco para ver su comportamiento. </p>
<p class="sinsaltos"> Texto con distintas representacion
de espacios en blanco para ver su comportamiento. </p>
<p class="normal"> Texto con distintas representacion
de espacios en blanco para ver su comportamiento. </p>
</body>
</html>

Autor: manualdecss.com
http://www.manualdecss.com/manualcss/espacios-blanco.html

Usuarios que han visto este tema también han visto...

- Galeria de Imagenes xHTML CSS
- CSS: Etiquetas
- Optimizar el CSS sin usar PHP
- Efectos en textos e imágenes con CSS
- Enlazar hoja de estilos

- Versión imprimible de este documento

- Enviar por e-mail este documento