Come ridurre lo spazio tra le righe in HTML

Passaggio 1

Esegui il tuo programma di editor di testo e apri la tua pagina HTML.

Passaggio 2

Posiziona il cursore tra la sezione "" del tuo codice HTML e scrivi il seguente codice CSS:

Questo codice CSS crea un segnaposto per la seguente regola di stile.

Passaggio 3

Inserisci un selettore all'interno dei tag "", che è l'elemento della pagina HTML a cui desideri applicare la regola CSS. Ad esempio, scrivi un tag "p" per controllare l'aspetto dei paragrafi sulla tua pagina web:

Passaggio 4

Scrivi le parentesi di apertura e chiusura dopo il selettore "p" e inserisci "line-height:" tra le parentesi. Dopo "line-height:", inserisci il valore percentuale che indica fino a che punto ogni riga di testo sarà. I browser Web di solito posizionano il contenuto con uno spazio tra il 110 e il 120%. Immettere un valore inferiore, ad esempio 100%, per ridurre l'altezza della linea. Per illustrare: p {line-height: 100%;}

Passaggio 5

Salva il tuo file Aprire il documento HTML in un browser Web selezionando "Apri" o "Apri file" nel menu "File" del browser per visualizzare lo spazio di spaziatura ridotto. Se le tue linee necessitano di aggiustamenti, inserisci un nuovo valore nella regola CSS.