Hvordan du sentrerer tekst i html

Å velge riktig justering for elementene dine som vises på nettstedet er veldig viktig, da denne justeringen definerer den generelle strukturen på en webside. Når det gjelder å justere tekst, justerer utviklere ofte tekst til senteret for å fremheve tittelen eller overskriften på en webside eller et dokument. Hvis du ønsker å lære å sentrere en tekst i HTML, er du det rette stedet. Her har vi oppsummert måter som du kan justere teksten din til sentrum.

Hvordan du sentrerer tekst i html

Det er to måter du kan sentrere teksten din i HTML. Begge disse måtene har blitt diskutert nedenfor.

Hvordan du senter tekst ved hjelp av tag

Hvis du ønsker å sentrere teksten din, må du bare pakke ønsket tekst i taggen, og teksten vil være sentrert. Imidlertid er taggen eliminert fra HTML5 til fordel for å bruke CSS i stedet for dette.

Html

Dette avsnittet er ikke sentrert.

Dette avsnittet er sentrert.

I koden over har vi imidlertid opprettet to avsnitt for å skildre forskjellen mellom standardjustering og midtpunkt til teksten vi har pakket sammen teksten til andre avsnitt i taggen.

Produksjon

Teksten har vært sentrert ved hjelp av taggen.

Hvordan du sentrerer tekst ved å bruke stilattributtet

Den foretrukne måten å sentrere en tekst på er ved å bruke stilattributtet som gir en inline -stil til et bestemt element.

Html

Dette avsnittet er ikke sentrert.

Dette avsnittet er sentrert.

Gjennom bruk av stilattributt setter vi den tekstjusterte egenskapen til andre ledd til sentrum. Det vil generere følgende utgang.

Produksjon

Slik bruker du stilattributtet til sentertekst i HTML.

Imidlertid, hvis du ikke vil bruke inline CSS for å sentrere teksten din, er en annen måte å gjøre det ved å bruke den interne CSS. Her har vi vist hvordan det gjøres.

Html

Dette avsnittet er ikke sentrert.

Dette avsnittet er sentrert.

I ovennevnte kode, siden vi bare ønsker å sentrere andre avsnitt, er vi først og fremst til å tildele den en ID og deretter bruke denne IDen vi setter den tekst-justerte egenskapen til sentrum i taggen i seksjonen. Denne koden vil også gi samme utgang.

Konklusjon

For å sentrere tekst i HTML, bruk enten tag eller stil attributt. Hvis du bruker taggen, må du bare plassere teksten i denne taggen, og den vil være sentrert, i mellomtiden, angi den tekstjusterte egenskapen til stilattributtet til sentrum for å sentrere en tekst ved hjelp av stilattributtet. Merk at taggen er eliminert fra HTML5 til fordel for å bruke CSS.