Comment réduire l'espace entre les lignes en HTML

Étape 1

Exécutez votre programme d’éditeur de texte et ouvrez votre page HTML.

Étape 2

Placez le curseur entre la section "" de votre code HTML et écrivez le code CSS suivant:

Ce code CSS crée un espace réservé pour la règle de style suivante.

Étape 3

Entrez un sélecteur dans les balises "", qui correspond à l'élément de page HTML auquel vous souhaitez appliquer la règle CSS. Par exemple, écrivez une balise "p" pour contrôler l’apparence des paragraphes sur votre page Web:

Étape 4

Ecrivez les crochets d’ouverture et de fermeture après le sélecteur "p" et entrez "hauteur de ligne:" entre les crochets. Après "hauteur de ligne:", entrez le pourcentage indiquant la longueur de chaque ligne de texte. Les navigateurs Web placent généralement le contenu avec un espace compris entre 110 et 120%. Entrez une valeur inférieure, telle que 100%, pour réduire la hauteur de la ligne. Pour illustrer: p {line-height: 100%;}

Étape 5

Enregistrez votre fichier Ouvrez votre document HTML dans un navigateur Web en sélectionnant «Ouvrir» ou «Ouvrir un fichier» dans le menu «Fichier» du navigateur pour voir l'espace réduit. Si vos lignes nécessitent des ajustements, entrez une nouvelle valeur dans la règle CSS.