Как выровнять по высоте логотип?

Question

[Raul Abdullin]

Как видно из скрина, логотип по умолчанию не прилипает к верху, т.е. там есть около 3 пикселей. И поэтому ,если задаю line-height: 90px;, логотип выравнивается не совсем по центру. При этом, если для лого задаю отрицательный маржин, то почему-то сама белая плашка уменьшается в размерах по высоте, хотя при этом задана фиксированная высота для нее 90 пикселей. Как в моем случае оптимальнее всего выровнить логотип по высоте относительно белой плашки?

Comments

[Moskus]

Вопросы по HTML/CSS без кода на jsfiddle - нонсенс.

Answer 1

[Tizi]

.plashka {
                widht: 100%;
                height: 90px;
                display: flex;
		align-items: center;
}

Comments

[Raul Abdullin]

Зачем text-align: center; ? Логотип должен быть в левом углу, как сейчас. Задача выровнить по высоте, а не по горизонтали.

[Tizi]

raulvodov, Исправил ( не понял сначала что именно требуется )

[Raul Abdullin]

Tizi, а если без флексов, то как бы решили данную задачу? Не подскажите из-за чего, если задаю отрицательный маржин для лого, то сама плашка становится меньше? Даже не смотря на то, что задал фикс высоту для плашки 90 пикселей.

[Конан Варвар]

raulvodov, Да паддингами отцентрируйте да и все :)

[Raul Abdullin]

JaredWinter, дело в том, что на этой плашке еще будет меню, телефон, кнопка и тд, поэтому паддинги наверное не подойдут :)

Answer 2

[Кирилл Инкогнатович]

line-height

Comments

[Raul Abdullin]

видимо вы не прочитали текст вопроса