- Usando i tag.
- Utilizzando una proprietà del foglio di stile.
Un modo per centrare il testo è racchiuderlo all'interno dei tag. La seguente casella ha un esempio.
Centra questo testo!
Inserendo questo testo all'interno del codice HTML si otterrebbe il seguente risultato:
Centra questo testo!
Notare la il tag è ora considerato deprecato. Sebbene possa ancora funzionare, dovrebbe essere rimosso a favore dell'uso di CSS. Ti consigliamo di utilizzare il metodo del foglio di stile (mostrato sotto) per centrare il testo in HTML.
Utilizzando una proprietà del foglio di stile
Puoi centrare il testo con CSS specificando la proprietà di allineamento del testo dell'elemento da centrare.
Centrare alcuni blocchi di testo
Se hai solo uno o pochi blocchi di testo che devi centrare, puoi farlo aggiungendo l'attributo style al tag di apertura dell'elemento e scegliendo la proprietà "text-align". Nell'esempio qui sotto, li abbiamo aggiunti a
etichetta:
Centra questo testo!
Si noti che il valore della proprietà "text-align" è stato impostato su "center" che indica che l'elemento deve essere centrato.
Più blocchi di testo
Se hai molti blocchi di testo che desideri centrare, puoi usare CSS all'interno dei tag nella sezione head della pagina o in un foglio di stile esterno. Vedere il codice di esempio qui sotto per come impostare tutto il testo all'interno di
p {text-align: center} Il testo sarà centrato all'interno di ogni set di tag sulla pagina. Se desideri che alcuni paragrafi siano centrati mentre altri no, puoi creare una classe di stile come mostrato nel codice qui sotto.
.center {text-align: center} Se stai creando una classe di centro, come mostrato nell'esempio sopra, un paragrafo può essere centrato usando il codice sottostante, che "chiama" la classe centrale:
Centra questo testo!
Suggerimento: una volta creata una classe, può essere applicata a qualsiasi tag HTML. Ad esempio, se si desidera che l'intestazione sia centrata, è possibile aggiungere class = "center" a