Sadržaj

• smjerovi
• Kako uskladiti tekst
• lijevo {
• desno {
• centar {
• Kako centralizirati podjele, konture i podjele tijela
• savjeti
• Što vam je potrebno

Umjesto da koristite HTML atribute za usklađivanje sadržane u HTML oznakama koje označavaju tekst, bolje je da web-dizajneri prenesu informacije o prezentaciji (mogućnosti poravnanja) na stilsku stranicu. Ovaj članak će objasniti kako uskladiti tekst i kako centrirati veće elemente stranice, kao što su podjele.

smjerovi

Stilovi omogućuju poravnavanje i centriranje više od teksta (slika izgleda web-lokacije 6922Designer iz Fotolia.com)

Kako uskladiti tekst

1. Da biste poravnali tekst unutar normalnog bloka teksta, kao što je odlomak ili citat, upotrijebite svojstvo poravnanja teksta.

2. Opcije vrijednosti za svojstvo poravnavanja teksta su lijevo, desno, središnje i opravdavaju. Budući da opravdani tekst nije vrlo čitljiv na webu, ilustracija prikazuje samo lijevo, desno i središnje poravnanje. U ovoj ilustraciji, svaki odlomak ima crnu granicu koja prikazuje veličinu elementa bloka na stranici ako se na element ne primjenjuje prilagodba širine.

3. Tipično, element je dodijeljen id ili klasi. Poravnavanje teksta na svim stavkama u ovom ID-u ili klasi definirano je pravilom, kao što je sljedeće:

   
   

   lijevo {

   poravnavanje teksta: lijevo; }

   desno {

   poravnavanje teksta: desno; }

   centar {

   poravnavanje teksta: centar; }

Kako centralizirati podjele, konture i podjele tijela

1. Možda ćete htjeti usmjeriti cijeli izgled ili veliki izgled. U tim se slučajevima koristi drugačija CSS tehnika.

2. Primjenjujete CSS pravilo na selektor najvećeg elementa koji želite centrirati. To može biti element tijela, granični dio ili dio kontejnera.

3. Centriranje ovom metodom ne utječe na poravnanje teksta. Centrirani element zadržava zadano lijevo poravnanje teksta unutar centriranog elementa.

4. Slijedi ilustracija cijelog elementa tijela (s crnom obrubom za jasnoću) sa središtem na stranici. Širina se mora postaviti za element, a lijeva i desna margina su postavljene na automatsko. To se radi na sljedeći način:

   tijelo {širina: 80%; margin-right: auto; margin-left: auto; obrub: 1px crno; }

   
   

savjeti

• Obično ne morate koristiti align-left, jer je zadano lijevo poravnanje.Međutim, morate biti svjesni da postoji, ako kasnije morate ponovno definirati prethodno centralizirani ili desno poravnani tekst. Širina elementa koji se centrira može se definirati u pikselima, postocima ili ems.

Što vam je potrebno

• Uređivač teksta
• HTML editor
• Osnovno znanje HTML-a