Урок 5. CSS выравнивание текста по вертикали и по горизонтали

или как при помощи CSS выровнять текст по правому краю

Примеры горизонтального выравнивания:

`text-align:left`	`text-align:right`
С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.	С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.
`text-align:justify`	`text-align:center`
С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.	С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку.

При значении justify, текст выравнивается равномерно по обеим краям.

Вертикальное выравнивание текста в CSS

Пример CSS выравнивания текста по вертикали:


              
<title>Выравниваем текст по вертикали</title>

</head>

 <body>


<table height="80" bgcolor="#ffffcc" cellpadding="10" border="1">

<tr>

<td style="vertical-align:top">Текст в первой ячейке</td>

<td style="vertical-align:bottom">Текст во второй ячейке</td>

<td style="vertical-align:middle">Текст в третьей ячейке</td>

</tr>

</table>

Результат:

Текст в первой ячейке

Текст во второй ячейке

Текст в третьей ячейке

Дата публикации: Октябрь 2009 | Обновление: Май 2012

Урок 4. CSS текст, цвет CSS выравнивание текста Урок 6. Высота строки

Сохранить в сервисы и закладки