Il tag <center> per centrare il testo in HTML è stato abolito con HTML5. Da allora, per ef­fet­tua­re questa ope­ra­zio­ne si uti­liz­za­no i CSS. Poiché il parametro richiesto text-align definisce già la struttura del documento nel tag style, il codice è più chiaro e si possono evitare errori.

Come centrare il testo in HTML

Oggi, il comando CSS text-align è uti­liz­za­to per centrare il testo in HTML. Questa istru­zio­ne viene uti­liz­za­ta per for­mat­ta­re il testo in oriz­zon­ta­le. Per molto tempo, a questo scopo è stato usato il tag HTML <center>, ormai obsoleto. Questo metodo non è più sup­por­ta­to da quando è stato in­tro­dot­to HTML5.

Web Hosting
Diventa il n°1 della rete con il provider di hosting n°1 in Europa
  • Di­spo­ni­bi­li­tà garantita al 99,99%
  • Dominio, SSL ed e-mail inclusi
  • As­si­sten­za 24/7 in lingua italiana

Centrare in HTML con text-align in CSS

Da HTML5, l’istru­zio­ne di centrare un testo in HTML viene me­mo­riz­za­ta nel tag style. Il modo più semplice per il­lu­stra­re questo processo è con un piccolo esempio. Nel codice seguente, centriamo il titolo, il testo e un con­te­ni­to­re HTML div nel nostro documento HTML:

<!DOCTYPE html>
<html>
<head>
<style>
h1 {text-align: center;}
p {text-align: center;}
div {text-align: center;}
</style>
</head>
<body>
<h1>Qui c'è il titolo</h1>
<p>Qui vanno inseriti i contenuti.</p>
<div>In questo punto si trova un contenitore div.</div>
</body>
</html>
html

La struttura del documento è quindi già definita in anticipo. In questo modo ci si assicura che il codice risulti chiaro e che non vi siano errori.

Acquista e registra il tuo dominio con il provider n°1 in Europa
  • Domain Connect gratuito per una con­fi­gu­ra­zio­ne facile del DNS
  • Cer­ti­fi­ca­to SSL Wildcard gratuito
  • Pro­te­zio­ne privacy inclusa

Il tag HTML <center>, ormai obsoleto

Nelle vecchie versioni di questo lin­guag­gio veniva uti­liz­za­to il tag HTML <center>, che ti mo­stre­re­mo qui per com­ple­tez­za. Tuttavia, poiché è obsoleto e non più sup­por­ta­to, si dovrebbe as­so­lu­ta­men­te uti­liz­za­re la soluzione fornita in CSS. La sintassi di <center> per il testo HTML è la seguente:

<center><p>Testo</p></center>
html

Nell’esempio seguente, puoi vedere esat­ta­men­te come veniva uti­liz­za­to in pratica il tag HTML <center>. A dif­fe­ren­za della soluzione moderna, il codice doveva essere mo­di­fi­ca­to di­ret­ta­men­te nel body per centrare il testo in HTML. A seconda dell’ambito e della struttura, questo portava a un codice di­sor­di­na­to ed era, in pro­por­zio­ne, molto più soggetto a errori:

<!DOCTYPE html>
<html>
<body>
<p>Qui c'è un testo non centrato.</p>
<center><p>Qui c'è un testo centrato.</p></center>
</body>
</html>
html

Il risultato è simile a questo:

Immagine: Esempio di testo HTML centrato
Nell’esempio si può notare che il testo è po­si­zio­na­to al centro racchiuso all’interno del tag center.
Consiglio

Nella nostra Digital Guide scopri tutto quello che c’è da sapere sull’Hypertext Markup Language. Qui, ad esempio, ti spie­ghia­mo come muovere i primi passi con l’HTML. Anche se ti stai chiedendo come integrare CSS in HTML, ti mettiamo a di­spo­si­zio­ne il tutorial giusto con molti esempi pratici.

Vai al menu prin­ci­pa­le