Saltar al contenido principal

Saltos de línea y espacios en blanco

Los navegadores, al procesar código HTML, ignoran los saltos de línea y, si encuentran varios espacios consecutivos, los reducen a uno solo (colapsar espacios).

Si es necesario introducir un salto de línea, se utiliza el siguiente elemento (se muestra de dos formas):

<br>
<br/>

Para introducir múltiples espacios, se puede utilizar la entidad:

&nbsp;

Aunque también hay otras opciones con etiquetas HTML o propiedades CSS.

Ejemplo

Ejemplo de uso de espacios en blanco y saltos de líena:

<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>Saltos de línea</title>
</head>
<body>
Esto
se
ve
en
una línea sin espacios de más
<p>Aquí hay &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; espacios</p>
Esto <br> introduce un salto de línea
</body>
</html>

El navegador lo muestra de la siguiente manera:

Probar en el navegador