Les images bien et mal placéesValid XHTML 1.1! Valid CSS!

Notez la portée du texte...

Pour mieux appréciez faîtes varier la taille du texte : Mozilla/FireFox et Microsoft proposent cette option.

  1. Le bon exemple

    premiere image123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789
    seconde image123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789
    troisième image123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789
    123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789

  2. Les autres exemples
    1. Aucun emplacement : perte de place

      premiere image123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789
      seconde image123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789
      troisième image123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789
      123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789

    2. Tous du même côté : d'autres problèmes

      premiere image123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789
      seconde image123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789
      troisième image123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789
      123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789

    3. Tous du même côté : un coup de main en css

      premiere image123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789
      seconde imageDédut du texte après l'image 2, sans calque. 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789

      troisième imageDébut du teste après image 3, cette fois, il y a un style clear:left. 123456789 123456789 123456789 123456789
      123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 0123456789ABCDEF

    4. Après l'image

      Grâce au li{clear:left;} 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789