явления правил каскадных списков стилей, которые позволяют устанав- 
ливать свойства полей и четко контролировать интервалы вокруг элементов Web- 
страниц, для позиционирования текста использовались HTML-таблицы. Напри- 
мер, для создания полей между текстом и краями Web-страницы текст 
помещался в таблицу с тремя столбцами. Помещая текст в средний столбец, ос- 
тавляя два крайних столбца пустыми и устанавливая необходимую их ширину, 
можно было добиться получения пустых полей между текстом и левым и правым 
краями Web-страницы.

Глава 4. Каскадные списки стилей 197 
Азр*= [ в ] hup //htmhwebdesigrlOiepief04/Ftgurer)'H 0 h1 
LEFT^IUSTIFIED & margin-left:25% A word processor such 
at MS-Word or WordPerfect gives you four ways to align 
paragraph text. You can align text such that each line starts at 
the left-hand margin (left-justify), ends at the right-hand margin 
(right-justify), is centered (center), or ends flush with both the 
left and right-hand margins (full-justified). Left-justified text has 
a jagged right-hand edge. 
RIGHT-JUSTIFIED & margin-right:25% A word processor 
such as MS-Word or WordPerfect gives you four ways to align 
paragraph text. You can align text such that each line starts at 
the left-hand margin (left-justify), ends at the right-hand margin 
(right-justify), is centered (center), or ends flush with both the 
left and right-hand margins (full-justified). Right-justified text 
has a jagged left-hand edge. 
CENTERED & margin-left:10%; margin-nght:10% A word 
processor such as MS-Word or WordPerfect gives you four ways to 
align paragraph text. You can align text such that each line starts at 
the left-hand margin (left-justify), ends at the right-hand margin 
(right-justify), is centered (center), or ends flush with both the left 
and right-hand margins (full-justified). With centered text, both 
edges are jagged. 
J 
Рис. 4.10. Использование полей для разделения текста на отдельные части 
ПРАКТИКУМ 
Свойства полей каскадных списков стилей позволяют четко контролировать пус- 
тое пространство, которое Web-браузер оставляет между элементами и краями 
Web-страницы и между соседними элементами. Вы имеете возможность выбирать 
между четырьмя Свойствами ПОЛеЙ: margin-left, margin-right, margin-top И 
margin-bottom. В имени каждого свойства присутствует название края элемента, 
возле которого будет создаваться поле. Например, для создания поля шириной 
40 пикселей между объектами на странице и левым и правым краями окна брау- 
зера вставьте в список стилей следующее правило: 
body {margin-left:40px; margin-right:4Орх} 
Для управления шириной левого и правого полей между абзацами текста и 
краями Web-страницы заключите абзацы в начальный и конечный дескрипторы 
раздела (), а затем, как показано ниже, примените правило каскад- 
ного списка стилей к дескрипторам 
: 
 
<р>Брауэер не затрагивает границы этого абзаца. 
 
При необходимости вставки полей между строками в одном абзаце, в отличие 
от полей между абзацами, воспользуйтесь свойством каскадных списков стилей 
line-height. По умолчанию ДЛЯ СВОЙСТВа line-height установлено значение 
lem. Поэтому в следующем примере Web-браузер вставит между строками двух 
отдельных абзацев поле одной и то же ширины: 
 
<р>Это первая строка абзаца 1<Ьг> 
Это вторая