Как центрировать текст в HTML

HTML

Чтобы центрировать текст с использованием HTML, вы можете использовать тег или свойство CSS. Для продолжения выберите нужный вариант и следуйте инструкциям.

  • Использование тегов.
  • Использование свойства таблицы стилей.

Использование тегов

Один из способов центрировать текст — заключать его в теги. В следующем окне приведен пример.

Центрировать этот текст!

Вставка этого текста в HTML-код даст следующий результат:

Центрировать этот текст!

Заметка

Тег теперь считается устаревшим. Хотя это все еще может работать, ожидается, что оно будет удалено в пользу использования CSS. Мы рекомендуем использовать метод таблицы стилей (показанный ниже) для центрирования текста в HTML.

Использование свойства таблицы стилей

Вы можете центрировать текст с помощью CSS, указав свойство text-align элемента, который должен быть центрирован.

Центрирование нескольких блоков текста

Если у вас есть только один или несколько блоков текста, которые нужно отцентрировать, вы можете сделать это, добавив атрибут style к открывающему тегу элемента и выбрав свойство «text-align». В приведенном ниже примере мы добавили их в

тег:

Центрировать этот текст!

Обратите внимание, что значение свойства «text-align» было установлено в «center», что указывает на то, что элемент должен быть центрирован.

Несколько блоков текста

Если у вас есть много блоков текста, которые вы хотите центрировать, вы можете использовать CSS внутри тегов в разделе заголовка страницы или во внешней таблице стилей. Смотрите пример кода ниже, чтобы узнать, как установить весь текст внутри

теги для центрирования.

п {
выравнивания текста: центр
}

Текст будет в центре каждого набора

теги на странице. Если вы хотите, чтобы некоторые абзацы центрировались, а другие нет, вы можете создать класс стиля, как показано в коде ниже.

.центр {
выравнивание текста: по центру
}

Если вы создаете центральный класс, как показано в примере выше, абзац можно центрировать с помощью приведенного ниже кода, который «вызывает» центральный класс:

Центрировать этот текст!

Чаевые

Как только класс создан, его можно применить к любому тегу HTML. Например, если вы хотите, чтобы заголовок центрировался, вы можете добавить class = «center» к другому тегу заголовка.

Ссылка на основную публикацию
Adblock
detector