Если в дочерченные блоки flex добавить высоту то align-items: center; не работает?

Question

[freeman0204]

codepen.io/anon/pen/LNxxBw слышал что в flex нет проблем с гориз. и верт. выравниванием. Текст в блоках выравнивается по вертикали но если им задать высоту

.bl{
  height: 300px;
}

то ничего не происходит. Что не так делаю?

Answer 1

[smilingcheater]

Заданные вами правила в примере влияют на сами блоки, а не на их содержимое. Если вам надо выравнивать и содержимое - добавьте правила для нужного вам выравнивания:
.bl{
height:300px;
display: flex;
align-items: center;
}