L'immagine è floattata a sinistra, e l'elenco che segue ha list-style-position: outside.

1. Purtroppo i numeri di questa lista si sovrappontono all'immagine.
2. Non c'è alcun modo semplice per farli partire dopo l'immagine
3. L'uso del list-style-position:inside risolve questo problema ma ne crea altri di impaginazione della lista
4. L'unica soluzione è dunque quella di adottare un altro metodo

Il nuovo metodo è illustrato in un altro esempio.

(Vai all'articolo originale)

Ecco il codice CSS usato in questa pagina:

img {float:left;}
ol {padding:0;margin:0;list-style-position:outside;}

Questa pagina è in standard mode.