CSS выравнивание текста

Выравниваем текст по вертикали

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 | Обновление: Ноябрь 2018

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