Kako mogu centrirati tekst (horizontalno i okomito) unutar div

Izlaz

Korak 2: Pristupite div spremniku za centriranje teksta

Sada pristupite div spremniku uz pomoć ' iskaznica ” naziv atributa sa selektorom “ # ” i primijenite sljedeća CSS svojstva:

Ovdje:

• • “ širina ” Svojstvo se koristi za postavljanje veličine širine spremnika.
  • “ margina ” označava prazan prostor izvan spremnika.
  • “ podstava ” definira razmak unutar granice elementa.
  • “ pozadina ” postavlja boju pozadine na stražnjoj strani elementa.
  • “ poravnanje teksta ” svojstvo se koristi za postavljanje poravnanja teksta kao “ centar ”.
  • “ boja ” određuje boju za tekst unutar granice.

Može se uočiti da smo uspješno centrirali vodoravno poravnati tekst unutar stvorenog diva:

Kako okomito centrirati tekst unutar diva?

Za okomito centriranje teksta unutar div spremnika, slijedite navedene upute.

Korak 1: Pristup div spremniku

Prije svega, pristupite stvorenom div spremniku.

Korak 2: Primijenite CSS svojstva na Centriranje teksta okomito

Zatim primijenite dolje navedena CSS svojstva za okomito centriranje teksta u divu:

Prema gornjem isječku koda:

• • Postavi ' prikaz ' koji specificira ponašanje prikaza elementa kao ' tablica-ćelija “, što znači da se ponaša kao ćelija tablice u elementu div.
  • “ širina ” Svojstvo određuje veličinu širine elementa.
  • “ visina ” postavlja visinu elementa.
  • “ podstava ” definira prazan prostor unutar elementa.
  • “ boja ” koristi se za postavljanje boje teksta unutar elementa.
  • “ boja pozadine ” određuje boju stražnje strane elementa.
  • “ granica ” svojstvo definira granicu na elementu.
  • “ okomito poravnati ” svojstvo se koristi za postavljanje okomitog poravnanja definiranog elementa u “ sredini ”.

Izlaz

Naučili ste o cijeloj proceduri centriranja teksta unutar spremnika na oba načina, okomito i vodoravno.

Zaključak

Za centriranje teksta okomito i vodoravno unutar diva, prvo stvorite div spremnik uz pomoć