Can't align vertical align middle?

Question

css

There are two container bootstrap in the header tag which is given a background image. In the first - the menu and logo and in the second there should be text that needs to be aligned in the middle. Vertical-align: middle doesn't work for some reason

Answer 1

create two divs with display:table-cell (don't forget to place them in a block with display:table;) After that, set the vertical alignment for the desired block

Answer 2

Yes, you are kidding!
1. codepen.io/aliencash/pen/oZwoRq?editors=1100
2. codepen.io/aliencash/pen/jBwYEb?editors=1100

Answer 3

for vertical-align to work, the element must be of type inline, inline-block or table-cell