HTML - элемент <p> представляет собой абзац.
Для выравнивания теста на html – странице можно использовать HTML - элемент <p> представляет собой абзац. Используя свойство text-align которое определяет способ выравнивания можно выравнивать текст по левому , по правому краю страницы, также можно выравнивать текст по центру страницы . Также блок текста допустимо выравнивать с помощью элемент <div> с аналогичным свойством : text-align.
Тег <p> – разделяет текст на отдельные абзацы . Web – браузеры отделяют абзацы друг от друга пустой строкой .
По умолчанию обычно текст выравнивается по левому краю , с помощью атрибута text-align можно выравнивать абзацы по центру , по правому краю , по левому краю или по всей ширинестраницы .
Браузер автоматически добавляет верхний и нижний отступ, равный 1em, при этом отступы соседних абзацев соединяются .
Значение атрибута text-align
- center – Абзац с выравниванием по центру .
- left – Абзац с выравниванием по левому краю .
- right – Абзац с выравниванием по правому краю .
- justify – Абзац с выравниванием по ширине .
Выравнивание абзацев
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Выравнивание абзацев</title>
<style type="text/css">
@media screen and (max-width: 767px) {
body {
max-width: 767px;
height: auto;
}
}
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>Выравнивание абзацев</h1>
<p style="text-align: center">Абзац с выравниванием по центру</p>
<p style="text-align: left">Абзац с выравниванием по левому краю</p>
<p style="text-align: right">Абзац с выравниванием по правому краю</p>
<p style="text-align: justify">Абзац с выравниванием по ширине, что означает одновременное выравнивание по левому
и правому краю. Чтобы произвести это действие браузер в этом случае добавляет пробелы между словами .</p>
</body>
</html>Выравнивание абзацев
