Espacement des caractères CSS

Retrait de texte

text-indent Cette propriété est utilisée pour spécifier le retrait de la première ligne du texte.

Exemple

p {
  text-indent: 50px;
}

Essayer par vous-même

Espace entre les lettres

letter-spacing Cette propriété est utilisée pour spécifier l'espacement entre les caractères du texte.

L'exemple suivant montre comment augmenter ou diminuer l'espacement entre les caractères :

Exemple

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

Essayer par vous-même

Hauteur de ligne

line-height L'attribut est utilisé pour spécifier l'espacement entre les lignes :

Exemple

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

Essayer par vous-même

Espacement des mots

word-spacing L'attribut est utilisé pour spécifier l'espacement entre les mots dans le texte.

L'exemple suivant montre comment augmenter ou diminuer l'espacement entre les mots :

Exemple

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

Essayer par vous-même

Espace blanc

white-space L'attribut spécifie la manière dont les espaces blancs internes à l'élément sont traités.

Cet exemple montre comment désactiver le saut de ligne de texte à l'intérieur d'un élément :

Exemple

p {
  white-space: nowrap;
}

Essayer par vous-même