Задать вопрос
larka_skaz
@larka_skaz

Почему надпись не выравнивается по центру по вертикали(визуально приподнята на 2 пикселя вверх)?

https://codepen.io/Larka_Ska/pen/oPEjoW

Собственно нет твёрдых познаний css, из-за этого не могу понять почему надпись на фиолетовой кнопке уползает вверх.
Думаю что тут что-то не так с line-height... а может быть и нет.

Важно,чтобы кнопка была высотой в 40px, а надпись в 15 px, т.е. высота букв и паддинги должны в итоге влазить в 40px. Задавать высоту диву, в который размешена кнопка в эти 40 px - нельзя.

p.s. не обращайте внимания на то что иконка бутерброда размыта. Она будет 40 на 40 px в свг в итоге.
  • Вопрос задан
  • 259 просмотров
Подписаться 3 Средний Комментировать
Решение пользователя BigSmoke К ответам на вопрос (4)
@BigSmoke
У .menu-button a line-height можно убрать, а для .menu-button добавить
display: flex;
align-items: center;
Ответ написан
Комментировать