- Uporaba oznak.
- Uporaba lastnosti slogovne datoteke.
Eden od načinov za osredotočanje besedila je, da ga vključite v oznake. V naslednjem okencu je primer.
Usmerite to besedilo!
Če vstavite to besedilo v kodo HTML, boste dobili naslednji rezultat:
Usmerite to besedilo!
Opomba: Oznaka zdaj velja za opuščeno. Čeprav lahko še vedno deluje, se pričakuje, da bo odstranjen v korist uporabe CSS. Priporočamo, da uporabite metodo slogovne datoteke (prikazano spodaj), da besedilo v središču HTML nastavite na sredino.
Uporaba lastnosti slogovne datoteke
Besedilo lahko centrirate s CSS tako, da podate lastnost za poravnavo besedila elementa, ki ga želite centrirati.
Centriranje nekaj blokov besedila
Če imate samo eno ali nekaj blokov besedila, ki jih morate centrirati, lahko to storite tako, da dodate atribut sloga v začetno oznako elementa in izberete lastnost "poravnava besedila". V spodnjem primeru smo jih dodali v
oznaka:
Usmerite to besedilo!
Upoštevajte, da je bila vrednost lastnosti "text-align" nastavljena na "center", kar pomeni, da mora biti element centriran.
Več blokov besedila
Če imate veliko blokov besedila, ki bi jih želeli centrirati, lahko uporabite CSS znotraj oznak v razdelku glave strani ali v zunanji slogi. Oglejte si primer spodnje kode za nastavitev celotnega besedila znotraj
p {text-align: center} Besedilo bo v središču vsakega niza oznak na strani. Če želite, da so nekateri odstavki centrirani, drugi pa ne, lahko ustvarite razred sloga, kot je prikazano v spodnji kodi.
.center {text-align: center} Če ustvarjate sredinski razred, kot je prikazano v zgornjem primeru, se odstavek lahko centrira z uporabo spodnje kode, ki »kliče« sredinski razred:
Usmerite to besedilo!
Nasvet: Ko je razred ustvarjen, ga lahko uporabite za katero koli oznako HTML. Na primer, če želite, da je naslov centriran, lahko dodate razred = "center"