CSS - Image sur le côté droit de la page avec le texte ne l'entourant pas

Question

Ceci est probablement une question simple, mais je ne peux pas le comprendre. Je voudrais utiliser CSS pour mettre une image sur le côté droit d'une page et ne pas envelopper le texte autour d'elle. Je voudrais comme ceci:

 
       ------------ 
       | img | 
       |   | 
       ------------ 
text text text text text text 
text .... 

Si je fais un flotteur: à droite sur l'image, je reçois ceci:

 
text text text ------------ 
text text text | img | 
text text text |   | 
text text text ------------ 
text text text text text text 
text ... 

Je pourrais facilement utiliser des tableaux pour le faire, mais je voudrais pur CSS.

Answer 1

Quelque chose de semblable à cela devrait fonctionner:

<div> 
    <div style="width: 100%"> 
    <img style="float:right;"> 
    </div> 
    <div> 
    text 
    </div> 
</div> 

Answer 2

<div> 
     <img src="img.jpg" style="float:right;" /> 
     <div style="clear:right;"> 
      <!-- text here --> 
     </div> 

</div> 

peut-être?