Espaciado de texto CSS
sangría de texto
La text-indent
propiedad se utiliza para especificar la sangría de la primera línea de un texto:
Ejemplo
p {
text-indent: 50px;
}
Espaciado de letras
La letter-spacing
propiedad se utiliza para especificar el espacio entre los caracteres de un texto.
El siguiente ejemplo demuestra cómo aumentar o disminuir el espacio entre caracteres:
Ejemplo
h1 {
letter-spacing: 5px;
}
h2 {
letter-spacing: -2px;
}
Altura de la línea
La line-height
propiedad se utiliza para especificar el espacio entre líneas:
Ejemplo
p.small {
line-height: 0.8;
}
p.big {
line-height: 1.8;
}
Espaciado entre palabras
La word-spacing
propiedad se utiliza para especificar el espacio entre las palabras en un texto.
El siguiente ejemplo demuestra cómo aumentar o disminuir el espacio entre palabras:
Ejemplo
p.one {
word-spacing: 10px;
}
p.two {
word-spacing: -2px;
}
espacio en blanco
La white-space
propiedad especifica cómo se maneja el espacio en blanco dentro de un elemento.
Este ejemplo demuestra cómo deshabilitar el ajuste de texto dentro de un elemento:
Ejemplo
p {
white-space: nowrap;
}