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

  1. Использование тегов <center> </ center>
  2. Использование свойства таблицы стилей
  3. Центрирование нескольких блоков текста
  4. Несколько блоков текста

Обновлено: 24.01.2008 от Computer Hope Обновлено: 24

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

Использование тегов <center> </ center>

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

<center> Отцентрируйте этот текст! </ center>

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

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

Заметка

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

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

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

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

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

<p style = "text-align: center"> Центрировать этот текст! </ p>

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

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

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

<style> p {text-align: center} </ style>

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

<style> .center {text-align: center} </ style>

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

<p class = "center"> Центрируйте этот текст! </ p> Совет

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