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

В предыдущих уроках мы попробовали разместить на нашем сайте текст. Это также можно сделать при помощи тега <p></p> – абзац (или параграф).


Применяя атрибут align к абзацу мы можем выровнять текст абзаца (без этого атрибута выравнивание по умолчанию производится по левому краю):

по центру абзаца:

<p align="center">Это мой первый сайт!</p>

по левому краю абзаца:

<p align="left">Это мой первый сайт!</p>

по правому краю абзаца:

<p align="right">Это мой первый сайт!</p>

растянуть текст по ширине всего абзаца:

<p align="justify">Длинный длинный текст, которого хватит на ширину абзаца, и еще немного сверху</p>

После закрывающего тега </p> производится перенос на следующую строку.

Выровнять текст по центру можно и при использовании тега <center></center>:

<center>Это мой первый сайт!</center>

Отображать текст можно также при использовании тега <div></div>:

<div align="center">Это мой первый сайт!</div>

К этому тегу можно применять все значения атрибута align.

Также хочу заметить, что последовательность тегов <p><p></p></p> использовать нельзя, а последовательность <div><div></div></div> можно.

Готовые шаблоны

Понравилась статья?

Поделитесь ей с друзьями:

Есть вопросы? Задайте их через форму комментариев.
 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *