CSS: giustificazione perfetta del testo

  • CSS
  • Gabriele Romanato

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.

Torna su