Espace insécable avant une image
Je m'en remet à vous après avoir tout essayé pour résoudre ce problème, mais sans succès. Considérons ce code HTML :
Code:
1
2
3
4
5
6
7
8
| <html>
<head>
<title>Titre de la page</title>
</head>
<body>
<span id="lbl1">Ce texte représente une phrase qui se termine par un espace insécable <img style="border-width: 0px;" src="chemin/Puce.gif" title="Champ obligatoire" /></span>
</body>
</html> |
Il s'agit d'un span contenant du texte (bien sur) et à la fin une petite image précédé d'un espace insécable. Ce que je veux c'est que quand je rétrécis la largeur de la fenêtre de mon navigateur si l'image doit déborder à la ligne suivante alors l'espace insécable et le mot qui la précède doivent déborder avec elle (c'est le même comportement si on avait un mot à la place de l'image). C'est le comportement que j'obtiens avec IE8 mais avec IE 7 ou Firefox l'image peut déborder toute seule malgré l'espace insécable qui la précède !
Voyez-vous une solution à ce problème ? (idéalement pour moi l'image doit rester à l'intérieur du span)
