Come centrare il testo in HTML w3school?
Centrate il testo in HTML utilizzando una varietà di metodi disponibili attraverso CSS. Uno dei modi più semplici è utilizzare il CSS inline con l’attributo `style`. Per centrare il testo orizzontalmente, si può usare `style=”text-align: center;”` nel tag HTML, ad esempio `
Testo centrato
`. Un altro metodo più stilisticamente separato e pulito è utilizzare il CSS interno o esterno: definire una classe nel tuo foglio di stile, come `.center-text { text-align: center; }`, e poi assegnarla a un elemento nel tuo HTML come `
Testo centrato
`. Per centrare il testo verticalmente e orizzontalmente all’interno di un contenitore, si può sfruttare Flexbox usando il CSS: impostare il contenitore come display flex e utilizzare le proprietà `justify-content: center;` e `align-items: center;`. Ad esempio:
“`css
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* o qualsiasi altra altezza desiderata */
}
Testo centrato
“`
Questo allineerà il testo al centro del contenitore sia verticalmente che orizzontalmente. Questi metodi sono descritti nelle risorse di W3Schools e sono tra le tecniche più comuni per gestire l’allineamento del testo in HTML tramite CSS.