строка абзаца 1.  
<р style="line-height: 1ет">Это первая строка абзаца 2
 
Это вторая строка абзаца 2 .  
 
Для создания двойного интервала между строками (т.е. фактически для помеще- 
ния между строками пустой строки) одного абзаца в правиле списка стилей устано- 

вите значение свойства line-height равным 2ет, как показано в следующем 
примере: 
<р style=line-height:2em"> 
Вывод текста в колонках 
Свойство width каскадных списков может использоваться для вывода на эк- 
ран текста страницы в виде колонок. Расположение текста в колонках удобно в 
том случае, когда на странице содержится большой объем текста или на одной и 
той же странице содержится разнородная информация. Посетитель будет чув- 
ствовать себя более комфортно, поскольку среда ему покажется знакомой — с 
ней он сталкивался в газетах и журналах. Более того, вертикальные колонки раз- 
деляют страницу на разделы приемлемых размеров. Как результат, посетителю не 
приходиться работать со словами, занимающими все пространство экрана, даже 
если на странице нет графических изображений. И, наконец, приводя для каж- 
дой колонки соответствующий заголовок, вы даете посетителю возможность 
отыскать интересующую его информацию.

Глава 4. Каскадные списки стилей 199 
ПРАКТИКУМ 
Для разбиения Web-страницы на колонки поместите содержимое страницы, ко- 
торое браузер должен выводить в обоих колонках, в элемент раздела (т.е. между 
начальным и конечным дескрипторами ). Затем для установки ши- 
рины каждой колонки и типа выравнивания их содержимого можно воспользо- 
ваться классами каскадных списков стилей. Например, для создания трех коло- 
нок, показанных на рис. 4.11, добавьте в описание списка стилей следующие 
определения: 
left {text-align 
border-top-width 
border-color 
border-style 
border-left-width 
border-right-width 
border-bottom-width 
width 
float 
middle {text-align 
border-top-width 
border-color 
border-style 
border-right-width 
border-left-width 
border-bottom-width 
width 
float 
right {text-align 
border-top-width 
border-color 
border-style 
border-right-width 
border-left-width 
border-bottom-width 
width 
float 
justify 
lpx; 
black; 
solid; 
lpx; 
Opx; 
lpx; 
33%; 
left;} 
justify 
lpx; 
black; 
solid; 
lpx; 
lpx; 
lpx; 
33%; 
left;} 
justify 
lpx; 
black; 
solid; 
lpx; 
Opx; 
lpx; 
33%; 
left;} 
атем задайте стиль разделителей, в которых содержится текста страницы: 
 
KonoHiea K/hlX/center> 
. . . содержимое колонки 1 . . . 
 
<сепЬегХЫЖолонка l 
. . . содержимое колонки 1 . . . 
 
KoflOHKa l 
. . . содержимое колонки 1 . . .

200 Глава 4. Каскадные списки стилей 
Древке .Ид Избранное Сервис Qnpaei 
-> И 3 U -л -J Л- -> В ' 
http://html-webdesign/ChepterO4/FigureCH-11 htm 
Вывод текста в колонках 
Колонка 1 
vidthYou You can use the CSS 
property to layout a Web page i: 
lewspaper-like columns. A 
lewspaper layout works well when in 
you must provide a lot of text or 
want to present information onfwant 
diverse topics on a single Wei 
page. The visitor feels comfortable page 
because the layout is familiar-mo; 
everyone has read a printed e 
lewspaper or magazine. Moreover, 
vertical columns separate the page 
full of text into manageable chunks. 
As a result, visitor is 
overwhelmed with a screen 
wall-to-wall words-even if there wall 
are no pictures within the columnsare 
.Колонка 2 
dthXou can use the CSS 
iroperty to layout a Web page i 
newspaper-like columns. A 
lewspaper layout works well whei 
you must provide a lot of text 01 
to present information on 
iverse topics on a single Web|diverse 
TTie visitor feels comfortabl 
cause the layout is familiar-mostjb 
veryone has read 
, newspaper or magazine. Moreover, 
vertical columns separate the page 
mil of text into manageable chunks, full 
Vs a result, visitor is noi 
iverwhelmed with a screen of 
l-to-wall words-even if there|wall 
no pictures within the со 
Колонка 3 
can use the CSS width 
in property to layout a Web page in 
lewspaper-like columns. A 
ewspaper layout works well when 
you must provide a lot of text or 
want to present information on 
topics on a single Web 
page. The visitor feels comfortable 
ecause the layout is familiar-most 
has read a printed 
newspaper or magazine. Moreover, 
vertical columns separate the page 
of text into manageable chunks. 
As a result, visitor is not 
overwhelmed with a screen oi 
-to-wall words-even if there 
no pictures within the columns 
printed everyone 
o