Не получается выровнять vertical align middle?

Question

[Алексей]

Есть два container bootstrap в теге header которому дано фон-картинка. В первом - меню и логотип а во втором должен быть текст который нужно выровнять по середине. Vertical-align: middle почему то не работает

Comments

[Сергей delphinpro]

КОД!!! Нужен КОД, КАРЛ!!!

[Алексей]

https://jsfiddle.net/8nnfnjc3/#&togetherjs=0BeTShB2j9

Answer 1

[Алексей Скляров]

создайте два дива с display:table-cell (не забудьте их поместить в блок с display:table;) После чего нужному блоку задаете вертикальное выравнивание

Comments

[Алексей]

Пробовал сделать так, не выходит

https://jsfiddle.net/8nnfnjc3/#&togetherjs=0BeTShB2j9

Answer 2

[Андрей Федоров]

Да вы издеваетесь!
1. codepen.io/aliencash/pen/oZwoRq?editors=1100
2. codepen.io/aliencash/pen/jBwYEb?editors=1100

Answer 3

[igumenov]

чтобы сработал vertical-align нужно чтобы элемент был типа inline, inline-block или table-cell