Выравниваем inline и inline-block вертикально

Для того чтобы отцентрировать inline элемент в блочном элементе, не прибегая к приравниванию в табличный вид. При этом высота родителя нам изначально неизвестна. Можно воспользоваться следующим методом:

В данном случае прибегаем к помощи дополнительного элемента before, занимающего всю высоту родителя.

Наш же блок центруем по его высоте.

Можно еще более упростить описание, воспользовавшись псевдоэлементом ::before и заодно отцентрировать наш элемент по горизонтали:

 

 

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *