Содержание
Чтобы центрировать текст с использованием HTML, вы можете использовать тег или свойство CSS. Для продолжения выберите нужный вариант и следуйте инструкциям.
- Использование тегов.
- Использование свойства таблицы стилей.
Использование тегов
Один из способов центрировать текст — заключать его в теги. В следующем окне приведен пример.
Центрировать этот текст!
Вставка этого текста в HTML-код даст следующий результат:
Центрировать этот текст!
Заметка
Тег теперь считается устаревшим. Хотя это все еще может работать, ожидается, что оно будет удалено в пользу использования CSS. Мы рекомендуем использовать метод таблицы стилей (показанный ниже) для центрирования текста в HTML.
Использование свойства таблицы стилей
Вы можете центрировать текст с помощью CSS, указав свойство text-align элемента, который должен быть центрирован.
Центрирование нескольких блоков текста
Если у вас есть только один или несколько блоков текста, которые нужно отцентрировать, вы можете сделать это, добавив атрибут style к открывающему тегу элемента и выбрав свойство «text-align». В приведенном ниже примере мы добавили их в
тег:
Центрировать этот текст!
Обратите внимание, что значение свойства «text-align» было установлено в «center», что указывает на то, что элемент должен быть центрирован.
Несколько блоков текста
Если у вас есть много блоков текста, которые вы хотите центрировать, вы можете использовать CSS внутри тегов в разделе заголовка страницы или во внешней таблице стилей. Смотрите пример кода ниже, чтобы узнать, как установить весь текст внутри
теги для центрирования.
п { выравнивания текста: центр }
Текст будет в центре каждого набора
теги на странице. Если вы хотите, чтобы некоторые абзацы центрировались, а другие нет, вы можете создать класс стиля, как показано в коде ниже.
.центр { выравнивание текста: по центру }
Если вы создаете центральный класс, как показано в примере выше, абзац можно центрировать с помощью приведенного ниже кода, который «вызывает» центральный класс:
Центрировать этот текст!
Чаевые
Как только класс создан, его можно применить к любому тегу HTML. Например, если вы хотите, чтобы заголовок центрировался, вы можете добавить class = «center» к другому тегу заголовка.