Правильное выравнивание текста по вертикали в подобных случаях?

Question

[Антон Середний]

Есть вот такие блоки. Как видите, заголовки новостей могут быть в одну или две строчки. И-за этого сам фон под названием разной высоты. Если поставить фикс высоту на всех, чтобы было как у блоков с 2 строчками - то на тех, где 1 строчка текст по верхнему краю выравнивается.

Как сделать, чтобы текст выравнивался по вертикали по центру блока или может есть другой, более правильный способ?

Вот код из примера

Answer 1

[Сергей delphinpro]

display:flex;
align-items:center;
height: 2em;

для синей плашки

https://jsfiddle.net/7pshwn5u/2/

Comments

[Антон Середний]

отлично! Спасибо)