Как правильно сверстать этот заголовок?

Question

[sergey]

Есть заголовок (изображение и текст в две строки). Но что-то совсем голова не соображает, с виду просто, на деле ерунда выходит (а именно вторая строчка съезжает).

Пробовал и vertical-align:middle, и в текста line-height все бестолку.

Comments

[Алексей]

Пример кода покажите.

[sergey]

Алексей: https://jsfiddle.net/martynyuk/j9ay8reu/

Answer 1

[Ксения Михайлова]

Два блока display: inline-block; vertical-align: middle, в одном картинка, в другом текст.

Comments

[sergey]

да так и делал:), но что-то заклинило

[Ксения Михайлова]

SM: покажите пример кода на, допустим, jsfiddle || codepen. Так проще будет помочь.

[sergey]

Ксения Михайлова: https://jsfiddle.net/martynyuk/mn1mjuwo/

[sergey]

Ксения Михайлова: разобрался

[Ксения Михайлова]

Ксения Михайлова: https://jsfiddle.net/mn1mjuwo/1/
Или модно на флексах. Будет менее многословно.

Answer 2

[Aleksandr_Frontend]

https://jsfiddle.net/1csc49hn/