Lez.10 - Corso Base Css

Allineamento del Testo e la Proprietà text-align in un foglio di stile CSS

Allineamento del Testo e la proprietà text-align

Per allineare il testo usiamo la proprietà text-align e la possiamo applicare a tutti gli elementi.
Sintassi:
selettore {text-align: valore;}

il valore può essere:
left - allinea il testo a sinistra;

right - allinea il testo a destra;

center - centra il testo;

justify - giustifica il testo;

Il codice:
<!DOCTYPE html>
<html lang="it">                     
 <head>			    
  <title>Proprietà text-align</title>
  <meta charset="utf-8">
  <style type="text/css">
    #pippo1 {
            text-align: left;
           }
    #pippo2 {
            text-align: right;
           }
    #pippo3 {
            text-align: center;
           }
    #pippo4 {
            text-align: justify;
           } 
  </style>
 </head>
 <body>			    
   <h1>Allineamento del testo</h1>
   <p id="pippo1">Questo testo serve per descrivere. Questo testo serve per descrivere  per bene l'allinamento del testo. </p>
   <p id="pippo2">Questo testo serve per descrivere . Questo testo serve per descrivere  per bene l'allinamento del testo. </p>
   <p id="pippo3">Questo testo serve per descrivere. </p>
   <p id="pippo4">Questo testo serve per descrivere. Questo testo serve per descrivere  per bene l'allinamento del testo. serve per descrivere l'allinamento del Questo testo serve per descrivere. Questo testo serve per descrivere.  Questo testo serve per descrivere . Questo testo serve per descrivere  Questo testo serve per descrivere. Questo testo serve per descrivere.  Questo testo serve per descrivere. Questo testo serve per descrivere.</p>
 </body>               
</html>