Comment réduire l'interligne en HTML

Le HTML permet de créer facilement des pages web et de contrôler divers attributs : police, taille, couleur et interligne. Réduire l'espace entre les lignes peut s'avérer utile pour condenser une page ou réduire l'espace blanc pour des raisons esthétiques. Heureusement, il suffit de quelques insertions dans le fichier HTML.

Étape 1

Identifiez la section de votre document HTML correspondant à la partie de la page dont vous souhaitez réduire l'interligne.

Étape 2

Entourez cette section d'une balise <div>. Cette balise de division marque une section à laquelle appliquer un style spécifique. Insérez <div> au début et </div> à la fin.

Étape 3

Ajoutez l'attribut style= dans la première balise <div> : <div style="">. L'opérateur « style » indique au navigateur d'appliquer un style particulier à cette section.

Étape 4

Placez line-height: entre guillemets après l'opérateur style : <div style="line-height:">. Incluez les deux-points. L'attribut « line-height » signale au navigateur de modifier l'espacement entre les lignes.

Étape 5

Insérez un nombre suivi du signe de pourcentage après les deux-points : <div style="line-height:50%">. Ce nombre représente le pourcentage de l'interligne actuel. Par exemple, 50 % divise l'espacement par deux, 200 % le double. Tout nombre inférieur à 100 réduit l'interligne.

Étape 6

Enregistrez votre document HTML et testez-le en l'ouvrant dans un navigateur pour voir le rendu final.