Товарищи, спасибо всем за помощь!
Перепробовал все варианты, в принципе всё заработало ПОЧТИ как нужно, за одним исключением.
В какие-то моменты при масштабировании, когда ширины контейнера для вывода заголовка + значка перестает хватать, значок переносится на следующую строку...
Получается вот такая штука -
prntscr.com/fpzz99
Если продолжать уменьшать страницу, то текст переносится на вторую строку и всё становится нормально, а вот что делать до этого не понимаю.
Нужно чтобы значок был всегда справа от последнего символа заголовка.
И если не влезает по ширине в контейнер либо раздвигал его (по дизайну это будет нормально) либо переносился вместе с последним словом.
UPD: Решил проблему при помощи PHP и span, обрамляю последнее слово в заголовке+span с картинкой в
<nobr>.
Получается span с картинкой всегда на одной строке.
Средний
