Come posso centrare il testo (orizzontalmente e verticalmente) all'interno di un div

Produzione

Passaggio 2: accedere al contenitore div per allineare al centro il testo

Ora accedi al contenitore div con l'aiuto di ' id ” nome attributo con selettore “ # ” e applica le seguenti proprietà CSS:

Qui:

• • “ larghezza La proprietà ” viene utilizzata per impostare la dimensione della larghezza del contenitore.
  • “ margine ” specifica uno spazio vuoto all'esterno del contenitore.
  • “ imbottitura ” definisce uno spazio all'interno del contorno dell'elemento.
  • “ sfondo ” imposta il colore di sfondo sul retro dell'elemento.
  • “ allineamento del testo La proprietà ” viene utilizzata per impostare l'allineamento del testo come “ centro ”.
  • “ colore ” specifica un colore per il testo all'interno del contorno.

Si può osservare che abbiamo centrato correttamente il testo allineato orizzontalmente all'interno del div creato:

Come centrare il testo verticalmente all'interno di un div?

Per centrare il testo verticalmente all'interno di un contenitore div, seguire le istruzioni fornite.

Passaggio 1: accedi al contenitore div

Prima di tutto, accedi al contenitore div creato.

Passaggio 2: applica le proprietà CSS a Centra il testo verticalmente

Quindi, applica le proprietà CSS elencate di seguito per centrare il testo verticalmente in un div:

Secondo il frammento di codice sopra:

• • Impostare il ' Schermo ” che specifica il comportamento di visualizzazione dell'elemento come “ cella di tabella ”, il che significa che agisce come la cella della tabella nell'elemento div.
  • “ larghezza La proprietà ” specifica la dimensione della larghezza dell'elemento.
  • “ altezza ” imposta l'altezza dell'elemento.
  • “ imbottitura ” definisce uno spazio vuoto all'interno dell'elemento.
  • “ colore ” è utilizzato per impostare il colore del testo all'interno dell'elemento.
  • “ colore di sfondo ” specifica il colore del retro dell'elemento.
  • “ confine La proprietà ” definisce un confine su un elemento.
  • “ allineamento verticale La proprietà ” viene utilizzata per impostare l'allineamento verticale di un elemento definito nella “ mezzo ”.

Produzione

Hai appreso la procedura completa per centrare il testo all'interno del contenitore in entrambi i sensi, verticalmente e orizzontalmente.

Conclusione

Per centrare il testo verticalmente e orizzontalmente all'interno di un div, innanzitutto creare un contenitore div con l'aiuto dell'elemento