Как центрировать h2 в CSS?
by Manoj Kumar
Чтобы выровнять элемент h2 по центру, вы можете использовать свойство text-align. Все, что вам нужно сделать, это применить text-align: center; для элемента h2, и он автоматически выровняет h2 по центру.
Но здесь следует отметить, что text-align: center; выравнивает по центру только содержимое (текст) элемента h2, а не сам элемент h2.
Вот рабочий пример:
Пример:
h2{
выравнивание текста: по центру;
} Попробовать сейчас
Выровнять по центру h2 Использование поля: auto
В последнем примере мы видели, что text-align: center; центрирует только содержимое элемента h2 в центре, а не элемент h2.
Итак, если вы хотите центрировать весь элемент h2, вы можете воспользоваться помощью margin:auto; имущество.
Поле : авто; центрирует весь элемент h2 в центре вместе с его содержимым. Но это возможно только тогда, когда вы установили фиксированную ширину элемента h2.
Вот рабочий пример:
Пример:
h2{
маржа: авто;
ширина: 400 пикселей;
фон: желтый;
} Попробуйте сейчас
Примечание: Помните, что text-align: center; выравнивает только содержимое элемента по центру, а margin: auto; выравнивает весь элемент по центру.
Выравнивание по центру h2 с использованием CSS Flexbox
Когда дело доходит до выравнивания HTML-элементов по горизонтали или вертикали, CSS flexbox всегда является лучшим выбором.