Jak mohu vycentrovat text (horizontálně a vertikálně) uvnitř div

Výstup

Krok 2: Přístup ke kontejneru div k zarovnání textu na střed

Nyní přistupte ke kontejneru div pomocí „ id “název atributu s selektorem” # “ a použijte následující vlastnosti CSS:

Tady:

• • “ šířka Vlastnost ” se používá pro nastavení velikosti šířky kontejneru.
  • “ okraj ” určuje prázdné místo mimo kontejner.
  • “ vycpávka “ definuje prostor uvnitř hranice prvku.
  • “ Pozadí ” nastaví barvu pozadí na zadní straně prvku.
  • “ zarovnání textu Vlastnost ” se používá k nastavení zarovnání textu jako “ centrum “.
  • “ barva ” určuje barvu textu uvnitř ohraničení.

Lze pozorovat, že jsme úspěšně vycentrovali zarovnaný text vodorovně uvnitř vytvořeného prvku div:

Jak vycentrovat text vertikálně uvnitř div?

Chcete-li vycentrovat text svisle uvnitř kontejneru div, postupujte podle poskytnutých pokynů.

Krok 1: Otevřete kontejner div

Nejprve otevřete vytvořený kontejner div.

Krok 2: Aplikujte vlastnosti CSS na střed textu svisle

Poté použijte níže uvedené vlastnosti CSS na svislé vycentrování textu v div:

Podle výše uvedeného fragmentu kódu:

• • Nastav ' Zobrazit “, který určuje chování zobrazení prvku jako „ tabulka-buňka “, což znamená, že se chová jako buňka tabulky v prvku div.
  • “ šířka Vlastnost ” určuje velikost šířky prvku.
  • “ výška ” nastavuje výšku prvku.
  • “ vycpávka ” definuje prázdné místo uvnitř prvku.
  • “ barva ” se používá k nastavení barvy textu uvnitř prvku.
  • “ barva pozadí “ určuje barvu zadní strany prvku.
  • “ okraj Vlastnost ” definuje hranici na prvku.
  • “ svisle zarovnat vlastnost se používá pro nastavení vertikálního zarovnání definovaného prvku v ' střední “.

Výstup

Dozvěděli jste se o úplném postupu vystředění textu uvnitř kontejneru oběma způsoby, vertikálně i horizontálně.

Závěr

Chcete-li vycentrovat text svisle a vodorovně uvnitř prvku div, nejprve vytvořte kontejner div pomocí prvku