Comment diminuer l'espace interligne en HTML

La zone d'interligne dans un document HyperText Markup Language (HTML) est la quantité d'espace entre deux lignes de texte. Comme vous construisez vos pages, envisager d'ajuster cette zone pour mieux répondre à vos besoins et à la présentation de votre page. Heureusement, cela est un processus rapide car Cascading Style Sheets (CSS) travaille directement avec votre code HTML pour le style du contenu. En utilisant le programme d'éditeur de texte de votre ordinateur, diminuer l'espace interligne dans votre document HTML, comme vous préférez.

Choses que vous devez

  • programme d'éditeur de texte
  • Cette page HTML

Instructions

  1. 1

    Lancez votre programme d'éditeur de texte et ouvrez votre page HTML.

  2. 2



    Placez votre curseur entre le "" partie de votre code HTML et le type dans le CSS suivant:

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

  3. 3

    Entrez un sélecteur dans le "" balises, ce qui est la page élément HTML que vous voulez appliquer la règle CSS. Par exemple, tapez un "p" tag pour contrôler l'apparition des paragraphes sur votre page Web:

  4. 4



    Tapez ouverture et de fermeture des accolades après la "p" sélecteur et entrez "hauteur de la ligne:" entre les supports. Suivre la "hauteur de la ligne:" entrée avec la valeur en pourcentage qui indique à quelle distance chaque ligne de texte est. navigateurs Web généralement de contenu de l'espace de 110 à 120 pourcentage entrer une valeur inférieure, comme 100 pour cent, pour diminuer la hauteur de la ligne. Illustrer:
    p {line-height: 100% -}

  5. 5

    Enregistrez votre fichier. Ouvrez votre document HTML dans un navigateur Web en sélectionnant "Ouvert" ou "Dossier Ouvert" sous le navigateur de "Fichier" menu pour afficher l'espace interligne diminué. Si votre espace de ligne doit être réglé, entrez une nouvelle valeur dans la règle CSS.

» » » » Comment diminuer l'espace interligne en HTML