AlexGreat92
@AlexGreat92
Маркетолог, SEO,

Как правильно выравнивать по вертикали с помощью свойства «line-height»?

Известен способ выравнивания элемента/текста внутри блока с помощью присвоения блоку фиксированной высоты и присвоения свойства line-height, равного этой высоте.
НО непонятен принципиально один момент. Вот я задаю тегу a (класс social) высоту 70px и line-height 70px, Самой шрифтовой иконке (класс fab ) задаю размер (font-size) 40px. Явно видно, что иконка не выровнялась по вертикали по центру.:
See the Pen LvejaV by AlexandrDev (@AlexandrDevZ) on CodePen. "/>

Но если я все тот же размер иконки font-size 40px. Прописываю уже не самой иконке с классом fab , а самому блоку- родителю, то все начинает работать и иконка встает по центру по вертикали. Почему так?
  • Вопрос задан
  • 71 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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