Espacios en Blanco en 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> Texto con distintas representacion 

de espacios en blanco para ver su comportamiento. </p>

<p> Texto con distintas representacion 

de espacios en blanco para ver su comportamiento. </p>

<p> Texto con distintas representacion 

de espacios en blanco para ver su comportamiento. </p>

</body>
</html>

Ejemplo:

espacio_linea