ер 
центрировал текст абзаца между левым и правым краем контейнера, как показа- 
но в следующем коде; 
div.fLeft {float:left; padding-left:5рх; padding-right:$px} 
div.fLeft p {text-align:center} 
Первое правило создает класс fLeft, который можно применить к контейне- 
ру 
 для выравнивания контейнера (и его содержимого) по л|евому краю эле- 
мента, расположенного на Web-странице после контейнера . Если в окне 
браузера нет места для вывода контейнера на экран в текущей строке, браузер 
перейдет в Строку под текущим контейнером 
 и выровшяет следующий 
контейнер по левому краю Web-страницы. Второе правило указывает браузеру цент- 
рировать текст абзаца между левым и правым краями контейнера 
, формати- 
рование и позиционирование которого осуществляется с помощью класса fLeft. 
Таким образом, код для вывода на экран переменного количества макетов и 
заголовков к ним в одной строке будет выглядеть следующим образом: 
 
 
<а href="housel.JPG"> 
 

 
<рХЭписание /
 
Заголовок Kbr /> 
finbsp;


226 Глава 4. Каскадные списки стилей 
 
 
 

 
<р>Описание /
 
Заголовок 2
 
Snbsp;
 
 
 
 

 
<р>Описание /
 
Заголовок 3
 
Snbsp;
 
 
 
 

 
<р>Описание /
 
Заголовок 4
 
 
 
 
Для правильной работы код этого примера требует, чтобы каждый заголовок 
макета содержал одно и то же количество строк, а длина каждой строки не пре- 
вышала ширины макета, под которым заголовок находится. Если одна или не- 
сколько строк длиннее миниатюры, Web-браузер, как и раньше, будет центриро- 
вать текст заголовка относительно краев контейнера. Тем не менее, миниатюра 
окажется слева, а не по центру над текстом. Для вставки полей между миниатю- 
рой и левым и правим краями контейнера 
, как показано на рис. 4.23, 
воспользуйтесь объявлениями padding-left и padding-right в определении 
класса div.fLeft. 
Описание / Описал не / Описание / 
Заголовок 1 Заголовок 2 Заголовок 3 
Описание / 
Заголовок 4 
I 
Рис. 4.23. Миниатюры с полями слева и справа и центрированными заголовками

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