Ako môžem vycentrovať text (horizontálne a vertikálne) vo vnútri div

Výkon

Krok 2: Prístup k kontajneru div pre zarovnanie textu na stred

Teraz prejdite ku kontajneru div pomocou „ id ” názov atribútu s selektorom “ # “ a použite nasledujúce vlastnosti CSS:

Tu:

• • “ šírka Vlastnosť ” sa používa na nastavenie veľkosti šírky kontajnera.
  • “ marža ” určuje prázdne miesto mimo kontajnera.
  • “ vypchávka “ definuje priestor vo vnútri hranice prvku.
  • “ pozadie ” nastaví farbu pozadia na zadnej strane prvku.
  • “ zarovnanie textu “ vlastnosť sa používa na nastavenie zarovnania textu ako “ centrum “.
  • “ farba ” určuje farbu textu vnútri ohraničenia.

Dá sa pozorovať, že sme úspešne vycentrovali zarovnaný text vodorovne vo vnútri vytvoreného div:

Ako vycentrovať text vertikálne vo vnútri div?

Ak chcete vycentrovať text vertikálne vo vnútri kontajnera div, postupujte podľa poskytnutých pokynov.

Krok 1: Prístup ku kontajneru div

Najprv otvorte vytvorený kontajner div.

Krok 2: Aplikujte vlastnosti CSS na text na stred vertikálne

Potom použite nižšie uvedené vlastnosti CSS na vertikálne vycentrovanie textu v prvku div:

Podľa vyššie uvedeného útržku kódu:

• • Nastaviť ' displej “, ktorý určuje správanie zobrazenia prvku ako „ tabuľka-bunka “, čo znamená, že funguje ako bunka tabuľky v prvku div.
  • “ šírka vlastnosť určuje veľkosť šírky prvku.
  • “ výška ” nastavuje výšku prvku.
  • “ vypchávka ” definuje prázdne miesto vo vnútri prvku.
  • “ farba “ sa používa na nastavenie farby textu vo vnútri prvku.
  • “ farba pozadia “ určuje farbu zadnej strany prvku.
  • “ hranica Vlastnosť ” definuje hranicu prvku.
  • “ vertikálne zarovnať vlastnosť sa používa na nastavenie vertikálneho zarovnania definovaného prvku v stredná “.

Výkon

Dozvedeli ste sa o úplnom postupe vycentrovania textu vo vnútri kontajnera oboma spôsobmi, vertikálne aj horizontálne.

Záver

Ak chcete vycentrovať text vertikálne a horizontálne vo vnútri prvku div, najprv vytvorte kontajner div pomocou prvku