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

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

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

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