In codice HTML non si ha la possibilità di influire sulla distanza da avere tra una riga scritta ed un’altra.
Come soluzione si può utilizzare un’immagine trasparente di 1×1 px. Ma la soluzione migliore si ha utilizzando una proprietà in CSS.
Per la definizione dello spazio tra una riga ed un’altra si usa line-height.
Si consiglia uno spazio che sia 1,5 volte la grandezza della scrittura. Si utilizza l’unità di misura em, la quale corrisponde all’unità di misura della scrittura.
p {font-size: 10px; line-height: 1,5em;}
1,5em corrispondono quindi a 15 px se si utilizza una scrittura con 10 px.
E con il tag HR
Introducendo il tag hr in una pagina viene introdotta anche una nuova linea e lo spazio superiore ed inferiore al tag sono predefiniti. Con l’introduzione di questo style CSS inline si può ridurre il margine superiore di 20 pixel:
hr style="margin: -20px"
Con questo non viene ridotto però anche il margine inferiore, per ridurre il quale bisogna introdurre nuovamente lo stile con valore negativo bel nell’elemento html successivo.
Articoli correlati: