Nasvet: Če katera od vaših poravnav besedila ne deluje, preverite, ali drugi razredi ali slogovi CSS, ki se uporabljajo za isti element ali element, ki vsebuje element, niso v nasprotju z utemeljitvijo, ki jo poskušate izvesti.
Opomba: S temi primeri in večino poravnav je besedilo poravnano v elementu, ki vsebuje besedilo. Besedilo se lahko centrira v HTML div in se levo poravna na preostali del spletne strani. Prav tako je poravnano vse, kar je v oznaki, ki vsebuje utemeljitev CSS (npr. Sliko).
Primeri poravnave
Levo poravnano
Kartica je poravnana
Sredinsko poravnano
Desno poravnano
Primer levo poravnan
Angleški in drugi jeziki privzeto poravnajo besedilo na levo. Če pa je element, ki vsebuje besedilo ali sliko, poravnan desno ali pa morate spremeniti poravnavo besedila ali slike, lahko spodnji kod dodate elementu ali CSS.
HTML koda
Levo poravnano
Nasvet: Glejte spodnje dodatne nasvete za prilagoditev poravnave, oblazinjenja in robov elementa.
Primer primerjanja tabulatorja
Čeprav ni poravnave besedila "zavihek", lahko elementu dodamo levi rob za videz poravnave zavihkov, kot je prikazano spodaj.
HTML koda
Kartica je poravnana
Nasvet: Glejte spodnje dodatne nasvete za prilagoditev poravnave, oblazinjenja in robov elementa.
Primer, ki je poravnan s središčem
Če uporabite atribut za poravnavo besedila, lahko v središče postavite besedilo ali sliko, kot je prikazano v spodnjem primeru.
HTML koda
Sredinsko poravnano
Nasvet: Glejte spodnje dodatne nasvete za prilagoditev poravnave, oblazinjenja in robov elementa.
Primer z desno poravnavo
Če uporabite atribut za poravnavo besedila, lahko v središče postavite besedilo ali sliko, kot je prikazano v spodnjem primeru.
HTML koda
Desno poravnano
Nasvet: Lahko uporabite tudi CSS, da sliko desno poravnate na spletni strani.
Nasvet: Glejte spodnje dodatne nasvete za prilagoditev poravnave, oblazinjenja in robov elementa.
Dodatne nasvete za poravnavo
Spodaj so na voljo dodatni nasveti za poravnavo, ki jih lahko uporabite za katero koli zgornjo slovno pravilo ali druge razrede CSS.
- Če potrebujete dodatno zamik ali želite več oblazinjenja, lahko dodate kateri koli zgornji slog. Na primer, lahko uporabite desni rob do primera, poravnanega z desno, da premaknete besedilo naprej v element.
- Če želite bolj odzivno stran, poskrbite, da prilagodite ali odstranite vse levo ali desno utemeljitev, če jo gledate na manjšem zaslonu.