Pliage de ligne de texte et d'image HTML

Question

J'ai la page html où le titre de l'article textuel est suivi d'une image. Lorsque le titre est assez grand, une partie de celui-ci va à newline avec l'image. Mais parfois le titre textuel correspond à la page, mais seulement sans image, donc l'image va à la nouvelle ligne. Comment coller l'image avec le dernier mot du titre, de sorte que l'image ira à la nouvelle ligne seulement avec la partie de texte?

Le balisage HTML en cours:

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

Answer 1

Ajout d'un espace insécable entre le img et la balise d'ancrage devrait garder le navigateur de les séparer sur des lignes distinctes. Cela va coller l'image à l'ensemble du lien, cependant. Pour obtenir l'image collée uniquement au dernier travail du lien, vous pouvez soit prendre le dernier mot sur le lien, soit placer l'image, puis le même espace insécable entre le dernier mot et le l'image vous donnera la disposition que vous voulez.