CSS: giustificazione perfetta del testo

La giustificazione del testo con i CSS viene controllata dal valore justify della proprietà text-align. Tuttavia, usando solo questa proprietà i risultati sono tutt'altro che accettabili. Vediamo come risolvere il problema.

Per avere risultati accettabili occorre utilizzare:

1. line-height – Aumenta la leggibilità.
2. letter-spacing – Compensa la spaziatura uniformandola.
3. text-align – Il valore justify giustifica il testo.

Esempio:

p.lineheight { line-height: 1.6em; }
p.letterspacing { letter-spacing: 0.1em; }
p.justify { text-align: justify; }

Potete visionare l'esempio finale in questa pagina.