Как выставить элеменеты header’а в нужном месте?

Для выставления элементов header'а в нужном месте на веб-странице вам понадобится использовать CSS (каскадные таблицы стилей).

HTML-элемент <header> служит для обозначения группы вводных или навигационных элементов, которые обычно размещаются в верхней части веб-страницы. Он может содержать такие элементы, как заголовки, логотипы, меню и другие компоненты, которые должны быть выведены в верхней части страницы.

Для упорядочивания/выставления элементов в нужном месте внутри header'а можно использовать различные CSS-свойства и правила. Рассмотрим некоторые из них:

1. position: Это свойство позволяет указать, как элемент должен быть позиционирован на странице. Например, чтобы расположить элемент в верхнем левом углу header'а, вы можете использовать значение "absolute" для свойства position и установить значения top и left на 0.

header {
  position: relative;
}

.header-element {
  position: absolute;
  top: 0;
  left: 0;
}

2. float: Это свойство позволяет элементам "выплывать" из нормального потока документа и выравниваться по определенной стороне (левой или правой). Например, чтобы элементы header'а располагались в одну строку с выравниванием по левому краю, вы можете использовать значение "left" для свойства float.

header {
  overflow: auto;
}

.header-element {
  float: left;
}

3. display: Это свойство позволяет изменить тип отображения элемента. Например, если вам нужно, чтобы элементы header'а были выведены в виде горизонтальной строки, вы можете использовать значение "inline-block" для свойства display.

header {
  white-space: nowrap;
}

.header-element {
  display: inline-block;
}

4. flexbox: Это новая технология CSS, позволяющая создать гибкую и реактивную вёрстку. Для выравнивания элементов header'а в нужном месте и устанавливать определенные пространства между элементами, вы можете использовать свойства flexbox.

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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