Kako centrirati tekst u HTML-u

Kako centrirati tekst u HTML-u

Za centriranje teksta u HTML -u možete koristiti <center> element ili CSS atribut.
Za nastavak odaberite željeni izbor i slijedite upute na ekranu.

Upotreba oznake <center> </center>

Ograđivanje teksta u <center></center> oznaka jedan je od načina da se centrira.
Primjer se može naći u donjem okviru.

<center>Centrirajte ovaj tekst!</center>

Ako ovaj tekst stavite u HTML kod, dobit ćete sljedeće:

Centrirajte ovaj tekst!

Korištenje značajke stila, CSS-a

Možete koristiti CSS za centriranje teksta na web stranici postavljanjem svojstva poravnanja teksta centriranog elementa.

Stavljanje nekoliko tekstualnih blokova u centar

Ako jednostavno trebate centrirati jedan ili nekoliko blokova teksta, upotrijebite svojstvo “text-align” i dodajte atribut style početnoj oznaci elementa.
Uključili smo ih u donji uzorak.

<p style="text-align:center">Centrirajte ovaj tekst!</p>

Centrirajte ovaj tekst!

Atribut “text-align” postavljen je na “center” kako bi označio da je element centriran u sredini stranice ili okružuje div.

Tekst u mnogim blokovima

Koristite CSS unutar oznaka u odjeljku glave ili u vanjskom listu stilova ako imate puno teksta u sredini.
Da biste cijeli tekst stavili u div, pogledajte donji primjer koda.

<style>
p {
 text-align:center
}
</style>

Svaki skup oznaka <p></p> ima tekst koji je centriran na stranici.
Možete koristiti klasu stila da biste neke odlomke centrirali, a druge ne, kao što se vidi u donjem kodu.

<style>
.center {
 text-align: center
}
</style>

<p class=”center”></p>