Выравнивание по вертикали при помощи псевдо-элемента?

Question

[uzi_no_uzi]

Пробую выровнять по вертикали элементы(Навигационное меню) при помощи добавления псевдо-элемента.

Проблема в том, что сверху родителя псевдоэлемента( .header__header-top ) появляется лишнее пространство. Какие есть варианты исправить это?

С псевдо-элементом:


Без псевдо-элемента:


https://codepen.io/anon/pen/gdWWgE

Answer 1

[tyzberd]

line-height, padding, margin
или вместо колонок инлайн блоки с vertical-align: middle

Comments

[tyzberd]

https://bootstrapious.com/p/bootstrap-navbar
https://bootstrapious.com/tutorial/navbar/shrinked...
https://bootsnipp.com/snippets/featured/horizontal...