Как настроить div?

Question

[nothing nothing]

Красный - div class="header"
Зеленый - img (с лого 128x128)
Синий - h1 >a

Как всё это сделать?

Answer 1

[boga-net]

https://jsfiddle.net/ouodkeLn/18/

Answer 2

[Сергей ZSA]

Для красного display: flex; justify-content: space-around; и нужные padding сверху и снизу (может еще справа и слева понадобятся). Для зеленых - размеры просто, для синего - align-self: center; ну и тоже размеры если надо

Советую глянуть сюда: https://webref.ru/css/align-self и поклацать примеры.

Comments

[nothing nothing]

Спасибо,сейчас попробую.

[Хороший UI]

nothing nothing, да самый лучший вариант флексы.

Так же можно: инлайн блоками, можно бутстраповской сеткой, можно флоатами, можно через позиционирование, даже через таблицу можно (но не стоит)
Смотря нужна ли адаптивность или еще что.

Пример инлайн блоков - https://codepen.io/you_web/pen/WJYjzJ