Текст в виде текста и линии изображения

Question

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

Текущая HTML разметка:

<div class="title"> 
<a href="link to the article">Article title goes here...</a><img src="/pics/.gif"/> 

Answer 1

Добавление неразрывного пробела между IMG и якорным тег должен держать браузер от разделения их на отдельные линии. Однако это приведет к склеиванию изображения на всю ссылку.

Чтобы получить изображение, приклеенное только к последнему произведению ссылки, вы можете либо вывести последнее слово из ссылки, либо вставить изображение, а затем то же самое неразрывное пространство между последним словом и изображение предоставит вам макет, который вы хотите.