lavezzi1
@lavezzi1

Line-height смешает текст в кнопке, почему?

Здравствуйте. Во многих дизайн системах и стайлгайдах вижу, что ширину кнопки задают через padding, а вот высоту через height и line-height. Второе, очевидно, нужно для выравнивание иконки по вертикали. Но у меня проблема, когда я добавляю line-height к своим кнопкам, текст приподнимается. Особенно это видно когда добавляется иконка. Проблему конечно решает display: inline-flex; все становится идеально. Но хочется понять все же как решить проблему обычным способом.

Может я что то упустил когда смотрел как сверстаны разные примеры.

Для наглядности продемонстрировал проблему: codepen.io/anon/pen/wJZRmd?editors=1100
  • Вопрос задан
  • 478 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы