- Korištenje oznaka.
- Upotreba svojstva tablice stilova.
Jedan od načina za usredotočivanje teksta je da biste ga zatvorili unutar oznaka. Sljedeći okvir ima primjer.
Centriraj ovaj tekst!
Umetanje ovog teksta u HTML kôd rezultiralo bi sljedećim rezultatom:
Centriraj ovaj tekst!
Napomena: Oznaka se sada smatra odbačenom. Iako još uvijek može raditi, očekuje se da će biti uklonjen u korist korištenja CSS-a. Preporučujemo da koristite metodu tablice stilova (prikazanu ispod) za centriranje teksta u HTML-u.
Upotreba svojstva tablice stilova
Tekst možete centrirati pomoću CSS-a navođenjem svojstva poravnavanja teksta elementa koji se centrira.
Centriranje nekoliko blokova teksta
Ako imate samo jedan ili nekoliko blokova teksta koje trebate centrirati, to možete učiniti dodavanjem atributa stila otvaranju oznake elementa i odabiru svojstva "poravnavanje teksta". U donjem primjeru dodali smo ih u
označiti:
Centriraj ovaj tekst!
Primijetite da je vrijednost svojstva "text-align" postavljena na "center", što ukazuje na to da se element treba centrirati.
Više blokova teksta
Ako imate mnogo blokova teksta koje želite srediti, možete koristiti CSS unutar oznaka u odjeljku glave stranice ili u vanjskom listu stilova. U nastavku pogledajte primjerak koda kako postaviti sav tekst unutar
p {text-align: center} Tekst će biti centriran unutar svakog skupa oznaka na stranici. Ako želite da se neki paragrafi centriraju dok drugi nisu, možete stvoriti klasu stila kao što je prikazano u donjem kodu.
.center {text-align: center} Ako stvarate klasu središta, kao što je prikazano u gornjem primjeru, stavak se može centrirati pomoću koda u nastavku, koji "poziva" srednju klasu:
Centriraj ovaj tekst!
Savjet: Kada je klasa izrađena, može se primijeniti na bilo koju HTML oznaku. Na primjer, ako ste htjeli da se zaglavlje centrira, možete dodati klasi = "centar" u