text-align

È possibile allineare il testo secondo i classici formati che sarai senz’altro abituato ad usare nei Word Processor: bandiera a sinistra (left), bandiera a destra (right), epitaffio (center) e giustificato (justify).

Per quanto riguarda il giustificato, ricorda che i browser non sono dei software di impaginazione tipografica. Per cui, non c’è la possibilità di spezzare le parole per ottenere gli a capo, rendendo quindi il testo più leggibile. Si formano così delle antiestetiche spaziature fra le parole perchè il testo viene “forzato”. Esistono le proprietà di CSS word-break e word-wrap, tuttavia, in questo caso, non viene usato il classico simbolo ′-' per visualizzare la parola spezzata e mandata a capo, rendendo di fatto la lettura molto più complessa, e l’utilizzo della nuova proprietà hypens è ancora troppo limitata. Non solo: in linea generale, il testo giustificato su un monitor è parecchio difficile da leggere, per cui attenzione!

See the Pen oDJrc by Giovanni Buffa (@gioppy) on CodePen