Как с помощью CSS выровнять текст слева и по центру относительно картинки?

Question

[fleshik]

подскажите как сделать чтоб текст выравнивался слева, но не по верхнему краю картинки, а по центру и почему не работает vertical-align: middle; https://jsfiddle.net/c3s8zujL/1/

Answer 1

[Sergey]

Можно, например, с помощью flexbox

Answer 2

[Арсений Матыцин]

Vertical-align, примененный к блочному элементу задает параметры для вложенных строчных элементов. А не к node.textContent. Поэтому для таких ситуаций следует использовать flexbox-ы.

Конечно можно реализовать грязный хак, задав вложенным элементам свойства строчных элементов, но это уже из области абсурда. Хотя ситуации бывают, да.