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 tapez 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 à l'intérieur des balises “”, qui est 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

Écrivez les parenthèses d’ouverture et de fermeture après le sélecteur "p" et entrez "line-height:" entre les crochets. Après «line-height:», écrivez la valeur en pourcentage indiquant la distance 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 le fichier" dans le menu "Fichier" du navigateur pour voir l'espacement réduit. Si vos lignes nécessitent des ajustements, entrez une nouvelle valeur dans la règle CSS.

Des Articles Intéressants