flux CSS justifie le texte autour d'une image

Question

Tring placer le texte autour d'une image:

HTML

<div> 
    <span id="photo"><img src="photo.png"</span> 
    <span id="text">Lorem Ipsum, blah, blah, blah ...</span> 
</div> 

CSS

#photo {float:left;margin:0px 8px 5px 0px;} 
#text {text-align:justify;}** 

Le texte coule autour de l'image, mais ce n'est pas justifié (l'alignement est à gauche). Si je laisse flotter l'élément de texte à gauche, alors l'alignement est correct (justifié, comme je veux), mais alors le texte ne circule pas autour de l'image, il coule plutôt sous l'image - comment puis-je résoudre ce problème?

Answer 1

La propriété text-align appartient en fait à l'élément de bloc englobant et non à l'élément en ligne. Donc déplacer au bloc englobante:

div { text-align: justify; } 

Voir 16.2 Alignment: the 'text-align' property du Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification:

Cette propriété décrit comment contenu en ligne d'un bloc est aligné. Les valeurs ont les significations suivantes:

(soulignement ajouté)

Answer 2

Vous devez soit retirer l'image de la plage, soit faire flotter la plage vers la gauche.