Espaciado de texto de CSS

Sangrado de texto

text-indent La propiedad se utiliza para especificar el sangrado de la primera línea del texto:

Ejemplo

p {
  text-indent: 50px;
}

Prueba personal

Espacio entre letras

letter-spacing La propiedad se utiliza para especificar el espacio entre caracteres en el texto.

El siguiente ejemplo muestra cómo aumentar o disminuir el espacio entre caracteres:

Ejemplo

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

Prueba personal

Altura de línea

line-height La propiedad se utiliza para especificar el espacio entre líneas:

Ejemplo

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

Prueba personal

Espacio entre palabras

word-spacing La propiedad se utiliza para especificar el espacio entre palabras en el texto.

El siguiente ejemplo muestra cómo aumentar o reducir el espacio entre palabras:

Ejemplo

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

Prueba personal

Espacio en blanco

white-space La propiedad especifica cómo se maneja el espacio en blanco interno del elemento.

Este ejemplo muestra cómo deshabilitar la ruptura de línea de texto dentro de un elemento:

Ejemplo

p {
  white-space: nowrap;
}

Prueba personal