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

- Efectos en textos e imágenes con CSS
- Qué son las capas
- Como crear cuadros con Hojas de Estilo
- Estilo en funcion del contexto
- Cambiando de color las barras de scroll

- Versión imprimible de este documento

- Enviar por e-mail este documento