Paano Ko Isentro ang Teksto (Pahalang at Patayo) Sa loob ng isang div

Output

Hakbang 2: I-access ang div Container sa Center Align Text

Ngayon, i-access ang div container sa tulong ng ' id 'pangalan ng katangian na may tagapili' # ” at ilapat ang mga sumusunod na katangian ng CSS:

dito:

• • “ lapad Ang ” property ay ginagamit para sa pagtatakda ng lapad na laki ng lalagyan.
  • “ margin ” ay tumutukoy sa isang blangkong espasyo sa labas ng lalagyan.
  • “ padding ” ay tumutukoy sa isang puwang sa loob ng hangganan ng elemento.
  • “ background ” nagtatakda ng kulay ng background sa likod na bahagi ng elemento.
  • “ text-align 'Ang pag-aari ay ginagamit para sa pagtatakda ng pagkakahanay ng teksto bilang ' gitna ”.
  • “ kulay ” ay tumutukoy ng kulay para sa teksto sa loob ng hangganan.

Mapapansing matagumpay nating naigitna ang nakahanay na teksto nang pahalang sa loob ng nilikhang div:

Paano Igitna ang Teksto nang Patayo sa loob ng isang div?

Upang igitna ang text nang patayo sa loob ng isang div container, sundin ang mga ibinigay na tagubilin.

Hakbang 1: I-access ang div Container

Una sa lahat, i-access ang ginawang div container.

Hakbang 2: Ilapat ang mga katangian ng CSS sa Igitna ang Teksto nang Patayo

Pagkatapos, ilapat ang nakalista sa ibaba na mga katangian ng CSS upang igitna ang teksto nang patayo sa isang div:

Ayon sa snippet ng code sa itaas:

• • Itakda ang ' display ” na tumutukoy sa pagpapakita ng gawi ng elemento bilang “ mesa-cell ”, na nangangahulugang ito ay gumaganap tulad ng cell ng talahanayan sa elemento ng div.
  • “ lapad Tinutukoy ng ” property ang laki ng lapad ng elemento.
  • “ taas ” nagtatakda ng taas ng elemento.
  • “ padding ” ay tumutukoy sa isang blangkong espasyo sa loob ng elemento.
  • “ kulay ” ay ginagamit para sa pagtatakda ng kulay ng teksto sa loob ng elemento.
  • “ kulay ng background ” ay tumutukoy sa kulay ng likurang bahagi ng elemento.
  • “ hangganan ” ang pag-aari ay tumutukoy sa isang hangganan sa isang elemento.
  • “ patayo-align Ang ” property ay ginagamit para sa pagtatakda ng patayong pagkakahanay ng isang tinukoy na elemento sa “ gitna ”.

Output

Natutunan mo ang tungkol sa kumpletong pamamaraan upang isentro ang teksto sa loob ng lalagyan sa parehong paraan, patayo at pahalang.

Konklusyon

Upang igitna ang teksto nang patayo at pahalang sa loob ng isang div, una, lumikha ng isang div na lalagyan sa tulong ng