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

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

Здравствуйте, дорогие друзья!

Сегодня разберёмся как можно сделать в CSS и HTML выравнивание по центру. Мы рассмотрим несколько способов выравнивания текста.

Навигация по статье:

Как выровнять в html текст по центру?

В HTML есть два варианта, которые не предполагают использование CSS.

    1. Тег
    Очень простой в использовании тег, который выравнивает по центру все строчные элементы, которые в нём находятся, а именно:

  • текст,
  • картинки,
  • ссылки,
  • а также теги , , , и некоторые другие.

Казалось бы, нет ничего сложного, чтобы установить картинку или текст в центре окна браузера. Используем тег CENTER и все становится на то место, куда мы и задумывали. Однако не все так просто. Существует три способа выравнивания по центру, каждый из них имеет свои особенности и отличия в разных браузерах.

Один из самых простых и удобных тегов – CENTER предназначен для выравнивания блока текста. С помощью этого тега также можно центрировать рисунки и таблицы. Исключение составляют элементы или для которых выравнивание задается свойствами тега IMG. Так, если поместить элемент внутри тега CENTER, рисунок окажется выровненным по правому краю.

Пример 4.1. Центрирование с помощью тега CENTER

Данный текст будет выровнен по центру окна браузера, а нижележащий
рисунок по правому краю.

Формально CENTER должен использоваться только как параметр других блочных тегов ( P, PRE и другие). Однако в браузере Netscape Navigator 2.0 CENTER был введен как самостоятельный тег. Это дополнение было призвано убрать лишний вертикальный отступ, который появляется при использовании блочных тегов. Если вместо тега CENTER текст поместить внутрь параграфа (

), появляется дополнительный вертикальный отступ между горизонтальной линией и этим текстом.

CENTER не входит в спецификацию HTML. В «официальном» HTML форматирование, такое как выравнивание текста должно производится через атрибуты тегов (например,

Читайте также:  Группа аватарии в одноклассниках

Пример 4.2. Центрирование с помощью тега DIV

Еще один способ центрирования заключается в использовании стилей. Стили представляют собой инструкции, которые позволяют управлять атрибутами форматирования как шрифт, цвет, выравнивание и др. Пример переопределения тега P для центрирования текста.

Пример 4.3. Центрирование с помощью стилей

Теперь, когда вы будете использовать тег P с вышеуказанным
стилем, текст параграфа будет выровнен по центру окна браузера

HTML теги, определяющие выравнивание текста, отступ

Выровненный по ширине текст используется в типографии

В примере ниже показано, как выровнить текст по ширине страницы:

align="left" align="right"
align="justify" align="center"

Значение justify обеспечивает равномерное выравнивание текста справа и слева, то есть по ширине. Такой метод широко используется в печати.

Выравнивание текста в HTML по центру и по ширине

Выравнивание текста в HTML по центру, текст справа:

Выравнивание текста в HTML, текст по центру, справа страницы

Текст выровнен по левому краю страницы.

Текст справа страницы.

Текст выровнен по центру, розового цвета, размером в 30 пикселей.

Ссылка на основную публикацию
Как установить один кондиционер на две комнаты
Опубликовано Артём в 23.04.2019 23.04.2019 Многие из нас пользуются дома или на работе агрегатами для охлаждения воздуха в помещениях –...
Как узнать характеристики ноута
Доброго дня. Я думаю, что многие при работе за компьютером или ноутбуком сталкивались с безобидным и простым вопросом: «как узнать...
Как узнать характеристики сетевой карты
Здравствуйте, друзья! Тема сегодня общая – я расскажу, как узнать, какая сетевая карта установлена в ваш компьютер. Это понадобится, если...
Как установить обратный клапан для вентиляции
Запахи соседних квартир или домов вряд ли весьма привлекательны, особенно когда жарят рыбу или закипает на плите суп, или если...
Adblock detector