Садржај

• Упутства
• Како поравнати текст
• лево {
• десно {
• центар {
• Како централизовати подјеле, контуре и подјеле тијела
• Како
• Шта ти треба

Уместо да користи ХТМЛ атрибуте за поравнање садржане у ХТМЛ ознакама које означавају текст, боље је да веб дизајнери пренесу информације о презентацији (опције поравнања) на стилску табелу. Овај чланак ће објаснити како да поравнате текст и како центрирати веће елементе странице, као што су поделе.

Упутства

Листови стилова вам омогућавају да поравнате и центрирате више од текста (вебсите лаиоут имаге би 6922Десигнер фром Фотолиа.цом)

Како поравнати текст

1. Да бисте поравнали текст унутар нормалног блока текста, као што је пасус или цитат, користите својство поравнавања текста.

2. Опције вредности за својство поравнавања текста су лево, десно, центар и оправдавају. Пошто оправдани текст није веома читљив на Вебу, илустрација приказује само лево, десно и централно поравнање. На овој илустрацији, сваки пасус има црну границу да прикаже величину елемента блока на страници ако се подешавање ширине не примени на елемент.

3. Типично, елемент је додељен ид или класи. Поравнање текста на било које ставке у овом ид или класи дефинисано је правилом, као што је следеће:

   лево {

   поравнавање текста: лево; }

   
   

   десно {

   поравнавање текста: десно; }

   центар {

   тект-алигн: центар; }

Како централизовати подјеле, контуре и подјеле тијела

1. Можда ћете желети да центрирате читав распоред или велики распоред. У овим случајевима, користи се другачија ЦСС техника.

2. ЦСС правило примењујете на селектор највећег елемента који желите да центрирате. То може бити елемент тела, гранични дио или дивизија контејнера.

3. Центрирање овом методом не утиче на поравнање текста. Центрирани елемент задржава подразумевано лево поравнање текста унутар центрираног елемента.

4. Следи илустрација целог тела (са црном границом за јасноћу) са центром на страници. Ширина мора бити подешена за елемент, а лева и десна маргина су постављене на аутоматско. Ово се ради на следећи начин:

   тело {ширина: 80%; маргин-ригхт: ауто; маргин-лефт: ауто; бордер: 1пк солид блацк; }

Како

• Обично не морате да користите алигн-лефт, пошто је лево поравнање подразумевано.Међутим, морате бити свјесни да постоји, ако касније морате поново дефинирати претходно централизирани или десно поравнани текст. Ширина елемента који се центрира може се дефинисати у пикселима, процентима или емс.

Шта ти треба

• Едитор текста
• ХТМЛ едитор
• Основно знање о ХТМЛ-у