Float : espace non affiché

Bonjour

J'ai deux éléments en float: left placés dans un bloc :

<div>
   <span style="float: left;">Quote by </span> <!-- Notez l'espace après le 'by' -->
   <span style="float: left;">auteur</span>
</div>

Une fois affiché, cela donne : Quote byauteur (sans espace entre 'by' et 'auteur').

Comment résoudre ce dérangeant problème ?
Modifié par Sls (04 Feb 2012 - 15:20)

L'espace à la fin d'un bloc est toujours ignoré. Et un élément flottant se comporte comme un bloc.

Solution: ne pas utiliser float, qui ne semble pas adapté ici. Un display:inline (par défaut pour l'élément SPAN) ou display:inline-block serait sans doute plus approprié.
Si tu gardes float, tu peux ajouter une marge à l'un des deux éléments.