Cum pot centra textul (orizontal și vertical) în interiorul unui div

Ieșire

Pasul 2: Accesați Containerul div pentru a alinia textul central

Acum, accesați containerul div cu ajutorul „ id „nume atribut cu selector „ # ” și aplicați următoarele proprietăți CSS:

Aici:

• • „ lăţime ” proprietatea este utilizată pentru a seta dimensiunea lățimii containerului.
  • „ marginea ” specifică un spațiu liber în afara containerului.
  • „ căptușeală ” definește un spațiu în interiorul limitei elementului.
  • „ fundal ” setează culoarea de fundal în partea din spate a elementului.
  • „ aliniere text ” proprietatea este utilizată pentru a seta alinierea textului ca “ centru ”.
  • „ culoare ” specifică o culoare pentru textul din interiorul limitei.

Se poate observa că am centrat cu succes textul aliniat orizontal în interiorul div-ului creat:

Cum să centrați textul pe verticală în interiorul unui div?

Pentru a centra textul vertical în interiorul unui container div, urmați instrucțiunile furnizate.

Pasul 1: Accesați containerul div

În primul rând, accesați containerul div creat.

Pasul 2: Aplicați proprietățile CSS la Center Text Vertical

Apoi, aplicați proprietățile CSS enumerate mai jos pentru a centra textul vertical într-un div:

Conform fragmentului de cod de mai sus:

• • Seteaza ' afişa ” care specifică comportamentul de afișare al elementului ca „ tabel-celula ”, ceea ce înseamnă că acționează ca celula tabelului din elementul div.
  • „ lăţime ” proprietate specifică dimensiunea lățimii elementului.
  • „ înălţime ” stabilește înălțimea elementului.
  • „ umplutura ” definește un spațiu liber în interiorul elementului.
  • „ culoare ” este utilizat pentru a seta culoarea textului din interiorul elementului.
  • „ culoare de fundal ” specifică culoarea spatelui elementului.
  • „ frontieră ” proprietate definește o limită pe un element.
  • „ vertical-align Proprietatea ” este utilizată pentru a seta alinierea verticală a unui element definit în „ mijloc ”.

Ieșire

Ați aflat despre procedura completă de centrare a textului în interiorul containerului în ambele sensuri, vertical și orizontal.

Concluzie

Pentru a centra textul vertical și orizontal în interiorul unui div, mai întâi, creați un container div cu ajutorul elementului