Text align html center: How to center text in HTML

 текст HTML по центру
  

Ваш HTML-код должен выглядеть примерно так:

 <тело>
   
Добро пожаловать в Computer Notes 
  Отцентрировать текст в html
  текст по центру html


 

Использование метода выравнивания HTML по центру

Опять же, это устарело в HTML 4, а также не будет работать в HTML5.

 
выравнивание HTML по центру

 

Для центрирования текста в HTML с помощью свойства CSS.

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

Первый метод, который мы рассмотрим, использует встроенный CSS непосредственно в теги HTML. Встроенный CSS означает, что ваш HTML и CSS будут объединены в основной части вашего HTML-кода.

Этого можно добиться с помощью тега стиля в HTML. Код CSS добавляется поверх кода HTML, поскольку оба языка разметки работают вместе.

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

Примечание : По умолчанию текст выравнивается по левой стороне веб-страницы.

Синтаксис свойства CSS text-align:

Чтобы применить свойство text-align, необходимо определить одно из шести доступных значений:

выравнивание текста: по левому краю | право | центр | оправдать | начальная | наследовать
 

Посмотрите пример использования CSS text-align ниже:

Пример:

h2 { выравнивание текста: по центру; }
h3 { выравнивание текста: вправо; }
h4 { выравнивание текста: по левому краю; }
 

Все доступные свойства для использования text-align объясняются в таблице ниже:

Значение	Описание
слева	Текст выровнен по левому краю div { text-align: left; }
справа	Текст выровнен по правому краю div { text-align: right; }
center	Text is center div { text-align: center; }
выравнивание по ширине	Текст выравнивается по ширине (т. е. выравнивание левого и правого краев абзаца) div { text-align: justify; }
start	Если направление слева направо, текст будет выровнен по левому краю. Если направление справа налево, текст будет выравниваться по правому краю. div { выравнивание текста: начало; }
end	Если направление слева направо, текст будет выравниваться по правому краю. Если направление справа налево, текст будет выравниваться по левому краю. div {выравнивание текста: конец; }
наследовать	Элемент унаследует выравнивание текста от своего родительского элемента div { text-align: inherit; }

 <голова>
  <стиль>
   h2 {выравнивание текста: по центру;}
   р {выравнивание текста: по центру;}
  

<тело>
   
 Как центрировать текст в HTML 
 
  
 выровнять HTML по центру 


 

Объяснение примера:

Из вышеизложенного мы продемонстрировали пример выравнивания текста HTML по центру.

• Атрибут Center выравнивает текст по центру веб-страницы.

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

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

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

добавлено:

Мы можем использовать стиль как атрибут и текст, который включает в себя строку, которую необходимо выровнять. Имей в виду; мы по-прежнему используем атрибут CSS для выравнивания нашего текста. Пример кода ниже показывает, как «стиль» используется внутри

тег. Чтобы выровнять по левому или правому краю, мы можем заменить «центр» в text-align: center на левый/правый.

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

Обратите внимание, что значение свойства text-align установлено на center, что означает, что элемент находится в центре.