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 , а самому блоку- родителю, то все начинает работать и иконка встает по центру по вертикали. Почему так?
  • Вопрос задан
  • 76 просмотров
Пригласить эксперта
Ответы на вопрос 1
@igumenov
потому что дочернему элементу нужно указать vertical-align: middle;

.fab{
    font-size: 40px;
    vertical-align: middle;
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Sellfashion Нижний Новгород
от 100 000 до 150 000 руб.
Seldon Нижний Новгород
от 75 000 руб.
16 июл. 2019, в 23:23
5000 руб./за проект
16 июл. 2019, в 22:43
10000 руб./за проект