Как выровнять по вертикали блок идущий за текстом?

Question

[mishapsv]

Нужно было в h2 добавить бейдж, который иногда отображается.
Добавил, выровнял флексбоксом - отлично.
Но если текст переходит на новую строку, то бейдже уже уходит вправо.

А без флексбокса выровнять по вертикали бейдж не получается.
Ссылка https://codepen.io/anon/pen/JLMZvp

Можно ли это сделать не оборачивая спаном текст перед бейджем?

Answer 1

[TheRevan]

бейдж оберни дивом и установи line-height и vetical-align:middle

Comments

[mishapsv]

TheRevan дополнительная обертка дивом поверх спана бейджа? тоже такое себе решение