Как выровнять определённый элемент по центру в хедере?

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

1. Использование CSS Flexbox:
Самый простой способ - использование свойств flexbox. Для этого нужно установить контейнеру хедера свойство display: flex;, а элементу, который нужно выровнять по центру, - свойство margin: auto;. Пример кода:

    <header style="display: flex;">
      <div style="margin: auto;">Центрируемый элемент</div>
    </header>

2. Использование CSS Grid:
Другой метод - использование свойств CSS Grid. Можно установить контейнеру хедера свойства display: grid; и place-items: center;. Пример кода:

    <header style="display: grid; place-items: center;">
      <div>Центрируемый элемент</div>
    </header>

3. Использование CSS Position:
Третий способ - использование свойств CSS Position. Можно установить родительскому элементу хедера свойство position: relative;, а элементу, который нужно выровнять по центру, - свойства position: absolute; и left: 50%; top: 50%; transform: translate(-50%, -50%);. Пример кода:

    <header style="position: relative;">
      <div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);">Центрируемый элемент</div>
    </header>

Все эти методы позволят выровнять элемент по центру в хедере. Выберите метод, который наиболее подходит для вашего проекта и удовлетворяет вашим требованиям по кросс-браузерности и совместимости.