back to top

Testo giustificato in HTML: come si fa?

All’interno di una pagina HTML è possibile giustificare il testo facendo ricorso ad una opportuna stilizzazione CSS.

Cosa significa "giustificare" il testo?

Un testo si dice giustificato quando tutte le righe di un testo sono verticalmente allineate fra loro sia lungo il margine sinistro che lungo quello destro, calibrando l’ampiezza degli spazi vuoti tra le parole in modo opportuno.

Il testo giustificato si contrappone a quello"a bandiera" dove il testo è allineato verticalmente solo lungo il margine sinistro e non anche su quello destro.

Giustificare il testo in HTML

Come sappiamo HTML si occupa della "struttura" mentre la presentazione del documento è delegata ai CSS. E’ grazie ai fogli di stile, quindi, se è possibile gestire con precisione l’allineamento del testo in un documento HTML. Per fare ciò si utilizzerà la proprietà text-align con valore justify in questo modo:

<p style="text-align: justify;">
Vediamo un esempio di testo giustificato in HTML,
cioè come realizzare una pagina web con testo che riempia
alla perfezione il suo box sia lungo il margine
sinistro che lungo quello destro.
</p>

E’ giusto utilizzare il testo giustificato in una pagina web?

La scelta se utilizzare o meno il testo giustificato dipende dalla finalità della pagina. All’interno di un testo la giustificazione, pur risultando "esteticamente gradevole", ne riduce la leggibilità pertanto sarà opportuno valutare, di volta in volta, se optare per un allineamento giustificato o a bandiera.

Pubblicitร 
Massimiliano Bossi
Massimiliano Bossi
Stregato dalla rete sin dai tempi delle BBS e dei modem a 2.400 baud, ho avuto la fortuna di poter trasformare la mia passione in un lavoro (nonostante una Laurea in Giurisprudenza). Adoro scrivere codice e mi occupo quotidianamente di comunicazione, design e nuovi media digitali. Orgogliosamente "nerd" sono il fondatore di MRW.it (per il quale ho scritto centinaia di articoli) e di una nota Web-Agency (dove seguo in prima persona progetti digitali per numerosi clienti sia in Italia che all'estero).

Leggi anche...

Stilizzare HR (linee orizzontali) in puro CSS

Il tag <hr> (Horizontal Rule) è un elemento HTML...

Immagini riflesse con CSS

Il Flipping è una tecnica utilizzata dai grafici per...

Applicare un bordo alle lettere di un testo con CSS

Con l'avvento di CCS3 il linguaggo di stilizzazione delle...

CSS: dimensioni relative alla viewport con vw, vh, vmin e vmax

Con l'avvento e la diffusione di CSS 3 e...

Rimuovere CSS inutilizzato

Soprattutto quando si gestiscono progetti Web based di grandi...

CSS: centrare orizzontalmente un elenco puntato

Il sistema migliore per scrivere un buon menu è...
Pubblicitร