Текст по центру, справа

Выравнивание в HTML, отступ

Урок 5. HTML выравнивание текста по центру и ширине, отступ

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>

Результат:

Выравнивание, ХТМЛ tekst справа, по центру, по ширине, otstup teksta

Посмотреть в новом окне: выравнивание, HTML текст по центру, справа страницы

Атрибуты и значения

Выравнивание текста в 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">
<blockquote>Отступ слева с использованием тегов.</blockquote>
<p style="text-indent:100px">Отступ слева с использованием CSS атрибута.</p>
</body>

Результат:

Otstup teksta в ХТМЛ

Посмотреть в новом окне: HTML отступ строки слева

В первом случае отступ строки был произведен тегами <blockquote> </blockquote>, а во втором случае – с помощью CSS атрибута text-indent, значения которого устанавливаются в пикселях и могут иметь любую величину, что бывает очень удобно.

Содержание страницы

Дата публикации: Октябрь 2009 | Обновление: Июнь 2014

Урок 4. HTML текст   Отступ, текст по центру, по ширине   Урок 6. Перенос

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