Chi utilizza l'editor WYSIWYG può spostare un elemento senza utilizzare alcun codice, semplicemente selezionando l'elemento e cliccando sui bottoni di allineamento, non sempre però tali modifiche vengono riconosciute alla perfezione o ci possono essere altre esigenze più specifiche che necessitano l'uso dell'HTML per centrare degli elementi ben precisi tralasciandone invece altri.
Il metodo più diffuso per centrare è quello di racchiudere il testo dentro il paragrafo <p> aggiungendogli align="center" nel modo seguente:
Per l'allineamento a sinistra occorre sostituire center con left:
Per l'allineamento a destra si deve sostituire center con right:
Questo metodo crea dei paragrafi e quindi lascia una riga vuota alla fine che potrebbe essere antiestetica nella maggior parte dei casi; per ovviare a questo inconveniente si può racchiudere in un div qualsiasi elemento, quindi non solo testo vero e proprio (per solo testi è consigliato il metodo precedente) ma anche immagini, video, tabelle ecc.
Esiste un ulteriore metodo per centrare usando l'HTML ed è quello di utilizzare il tag center, è più semplice da ricordare perché è costituito da una sola parola e dai tag di apertura e chiusura ma il sito W3C ne sconsiglia il suo utilizzo anche perché non viene riconosciuto nei linguaggi XHMTL, a livello informativo il codice da usare è il seguente:
In tutti i casi potete ricopiare i codici da qui e sostituire la parola rossa Il mio testo per inserire un vostro testo personalizzato. Come già detto oltre al testo potete centrare anche un'immagine ed il codice da inserire dentro i tag è:
Se volete centrare un link contenuto dentro un testo il codice da utilizzare è quest'altro:
LEGGI ANCHE: Come centrare uno script
Il metodo più diffuso per centrare è quello di racchiudere il testo dentro il paragrafo <p> aggiungendogli align="center" nel modo seguente:
<p align="center">Il mio testo</p>
Per l'allineamento a sinistra occorre sostituire center con left:
<p align="left">Il mio testo</p>
Per l'allineamento a destra si deve sostituire center con right:
<p align="right">Il mio testo</p>
Questo metodo crea dei paragrafi e quindi lascia una riga vuota alla fine che potrebbe essere antiestetica nella maggior parte dei casi; per ovviare a questo inconveniente si può racchiudere in un div qualsiasi elemento, quindi non solo testo vero e proprio (per solo testi è consigliato il metodo precedente) ma anche immagini, video, tabelle ecc.
<div align="center">Il mio testo</div>
Esiste un ulteriore metodo per centrare usando l'HTML ed è quello di utilizzare il tag center, è più semplice da ricordare perché è costituito da una sola parola e dai tag di apertura e chiusura ma il sito W3C ne sconsiglia il suo utilizzo anche perché non viene riconosciuto nei linguaggi XHMTL, a livello informativo il codice da usare è il seguente:
<center>Il mio testo</center>
In tutti i casi potete ricopiare i codici da qui e sostituire la parola rossa Il mio testo per inserire un vostro testo personalizzato. Come già detto oltre al testo potete centrare anche un'immagine ed il codice da inserire dentro i tag è:
<div align="center"><img src=”Link-Immagine”></div>
Se volete centrare un link contenuto dentro un testo il codice da utilizzare è quest'altro:
<p align="center"><a href="LINK" target="_blank">Il mio testo</a></p>
LEGGI ANCHE: Come centrare uno script
