HTML теги, определяющие выравнивание текста, отступ
Выравнивание текста в HTML по центру, текст справа:
<html>
<head>
<title>Выравнивание текста в HTML, текст по центру, справа страницы</title>
</head>
<body>
<p align="left">Текст выровнен по левому краю страницы.</p>
<p align="right">Текст справа страницы.</p>
<p align="center" style="color:#ff0099; font-size:30px">
Текст выровнен по центру, розового цвета, размером в 30 пикселей.</p>
</body>
</html>
|
Посмотреть в новом окне: выравнивание, HTML текст по центру, справа страницы
Атрибуты и значения
- align="left" – определяет выравнивание текста слева (по умолчанию).
- align="center" – выравнивает текст по центру.
- align="right" – выравнивает текст справа.
Выравнивание текста в HTML по центру, по ширине
Выровненный по ширине текст используется в типографии
В примере ниже показано, как выровнить текст по ширине страницы:
align="left" | align="right" |
|---|
С каждым днем растет число работников занятых
в сфере услуг и распространении информации. Если символами прошлых
столетий были ферма и фабрика, то символ нынешнего XXI века – это офис,
оборудованный компьютерами, которые имеют доступ к информационному
потоку. |
С каждым днем растет число работников занятых в
сфере услуг и распространении информации. Если символами прошлых
столетий были ферма и фабрика, то символ нынешнего XXI века – это офис,
оборудованный компьютерами, которые имеют доступ к информационному
потоку. |
align="justify" | align="center" |
|---|
С каждым днем растет число работников занятых в
сфере услуг и распространении информации. Если символами прошлых
столетий были ферма и фабрика, то символ нынешнего XXI века – это офис,
оборудованный компьютерами, которые имеют доступ к информационному
потоку. |
С каждым днем растет число работников занятых в
сфере услуг и распространении информации. Если символами прошлых
столетий были ферма и фабрика, то символ нынешнего XXI века – это офис,
оборудованный компьютерами, которые имеют доступ к информационному
потоку. |
Значение justify обеспечивает равномерное выравнивание текста справа и слева, то есть по ширине. Такой метод широко используется в печати.
Выравнивание | HTML отступ текста
HTML текст и его отступ слева страницы
Произведем отступ текста слева двумя способами:
<html>
<title>HTML отступ текста слева страницы</title>
</head>
<body style="background-color:#ffee77">
<p><blockquote>Отступ слева с использованием тегов.</blockquote></p>
<p style="text-indent:100px">Отступ слева с использованием CSS атрибута.</p>
</body>
|
Посмотреть в новом окне: HTML отступ строки слева
В первом случае отступ строки был произведен тегами <blockquote> </blockquote>, а во втором случае – с помощью CSS атрибута text-indent, значения которого устанавливаются в пикселях и могут иметь любую величину, что бывает очень удобно.
