Kako opravdati tekst na web stranici u HTML-u ili CSS-u

Bilo koji tekst može se poravnati s lijeve strane, u sredini ili desno na web-stranici. Slike se također mogu poravnati na web-stranici na isti način kao i tekst. U nastavku se nalaze primjeri teksta i slika s lijeve strane, kartice, središta i desnog poravnanja.

Savjet: Ako bilo koje poravnanje teksta ne funkcionira, provjerite nisu li ostale CSS klase ili stilovi koji se primjenjuju na isti element ili element koji sadrže sadrže u sukobu s opravdanjem koje pokušavate napraviti.

Napomena: S ovim primjerima i većinom poravnanja, tekst je poravnat u elementu koji sadrži tekst. Tekst može biti centriran u HTML div i biti lijevo poravnati na ostatak web stranice. Također, sve što je sadržano u oznaci koja sadrži CSS opravdanje (npr. Sliku) također je poravnato.

Primjeri poravnanja

Lijevo poravnanje

Kartica je poravnana

Centar poravnat

Usklađena zdesna

Primjer lijevog poravnanja

Engleski i drugi jezici prema zadanim postavkama poravnavaju tekst s lijeve strane. Međutim, ako je element koji sadrži tekst ili sliku poravnan udesno ili morate promijeniti tekst ili poravnanje slike, donji kôd se može dodati vašem elementu ili CSS-u.

HTML kôd

Lijevo poravnanje

Savjet: Pogledajte donje dodatne savjete za podešavanje poravnanja, obloge i margine elementa.

Primjer za poravnavanje tabulatora

Iako ne postoji poravnanje teksta "tab", elementu za izgled poravnanja kartice može se dodati lijeva margina, kao što je prikazano u nastavku.

HTML kôd

Kartica je poravnana

Savjet: Pogledajte donje dodatne savjete za podešavanje poravnanja, obloge i margine elementa.

Primjer usklađen s centrom

Pomoću atributa za poravnavanje teksta možete centrirati bilo koji tekst ili sliku u elementu, kao što je prikazano u donjem primjeru.

HTML kôd

Centar poravnat

Savjet: Pogledajte donje dodatne savjete za podešavanje poravnanja, obloge i margine elementa.

Primjer usklađen s desne strane

Pomoću atributa za poravnavanje teksta možete centrirati bilo koji tekst ili sliku u elementu, kao što je prikazano u donjem primjeru.

HTML kôd

Usklađena zdesna

Savjet: Alternativno, možete koristiti CSS za desno poravnavanje slike na web stranici.

Savjet: Pogledajte donje dodatne savjete za podešavanje poravnanja, obloge i margine elementa.

Dodatni savjeti za poravnanje

U nastavku se nalaze dodatni savjeti za poravnanje koji se mogu primijeniti na bilo koja od gore navedenih pravila stila ili na druge CSS klase.

  1. Dodatna margina može se dodati bilo kojem od gore navedenih stilova ako vam je potrebna dodatna uvlačenja ili želite više obloge. Na primjer, možete primijeniti marginu desno na primjer koji je poravnan udesno kako biste tekst pomaknuli dalje u element.
  2. Ako želite bolju stranicu, svakako podesite ili uklonite bilo koje lijevo ili desno opravdanje kada se gleda na manjem zaslonu.