В данной статье мы рассмотрим, как выполнить центрирование текста на вашем HTML-сайте с помощью CSS. Устаревший тег <center> больше не актуален и не поддерживается большинством современных браузеров.[1] X Источник информации

Используем CSS

Шаг 1. Откройте файл стилей CSS.

Шаг 1

Запустите файл с CSS-стилями. Несмотря на то, что тег <center> больше не используется, вы можете создать новый элемент и добавить его на вашу страницу для центрирования текста в этом элементе. Если у вас нет отдельного CSS-файла, посмотрите в верхней части HTML-документа между тегами "<style>" и "</style>".

Использование устаревшего тега центрирования в HTML

Шаг 1. Откройте ваш HTML-документ.

Откройте HTML-документ. В данном методе описывается использование устаревшего тега <center>, который, как сообщается, все еще функционирует в некоторых браузерах, но вполне вероятно, что в ближайшем будущем от него полностью откажутся.

Шаг 2. Найдите текст для центрирования.

Шаг 2

Определите текст, который вы хотите отцентрировать. Прокрутите страницу, чтобы найти заголовок, абзац или другой текст, требующий центрирования.

Шаг 3. Вставьте тег "center" вокруг текста.

Шаг 3

Добавьте тег "center" до и после текста. Формат тега следующий: <center>text</center>, где text – это текст, который вы хотите центрировать. Если в вашем тексте присутствуют теги (например, "<p></p>" для абзацев), теги "center" можно вставить вне существующих тегов: <center><h1>Добро пожаловать на мой сайт</h1></center> <center>Чувствуйте себя как дома!</center>

Шаг 4. Проверьте ваш HTML-документ.

Шаг 4

Просмотрите ваш HTML-документ. Он должен выглядеть примерно так: <!DOCTYPE html> <html> <body> <h1><center>Добро пожаловать на мой сайт</center></h1> <center>Чувствуйте себя как дома!</center> <p>На этом сайте вы найдете множество интересной информации.</p> </body> </html>