Ouvrez votre feuille de style externe ou de localiser la section des styles dans la section de la tête de votre page Web. Ajouter «letter-spacing: 2px;" à une balise HTML spécifique ou une classe.
Spécifique exemple d'étiquette:
h1 {letter-spacing: 1px;}
Exemple de la classe:
.widespacing
{letter-spacing: 3px;}
Le premier exemple va ajouter léger espacement entre chaque caractère pour chaque rubrique H1 sur votre page Web. Le second exemple va ajouter trois fois plus d'espace pour chaque élément HTML que vous affectez la classe.
Ce texte aura un large espacement lorsqu'elle est affichée dans un navigateur.
Ajouter "word-spacing: 10px;" à votre feuille de style pour mettre l'espace entre les mots - l'espacement des caractères reste à la valeur par défaut. Ce style peut être spécifique étiquette ou un style personnalisé utilisé pour plusieurs éléments HTML.
Spécifique exemple d'étiquette:
blockquote {word-spacing: 15px;}
Exemple de la classe:
.widewordspacing
{word-spacing: 30px;}
Exemple d'utilisation de la classe:
Ce texte va afficher avec des mots normalement espacés qui ont beaucoup d'espace entre eux.
Ajouter "line-height: 150% -" à votre feuille de style si vous souhaitez augmenter la quantité d'espace entre les lignes. (150 est juste un exemple- ajuster en fonction de vos préférences.) Selon W3Schools, la hauteur de ligne par défaut de la plupart des navigateurs est de 110 à 120 pour cent.
Spécifique exemple d'étiquette:
li {line-height: 175% -}
Exemple de la classe:
.extralinespacing
{line-height: 200% -}
Exemple d'utilisation de la classe: