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

  1. Ora i numeri di questa lista NON si sovrappontono all'immagine.
  2. L'uso del list-style-position:inside risolve questo problema ma ne crea altri di impaginazione della lista
  3. 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:inside; width: 40%}

Questa pagina è in standard mode.

Privacy Policy