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.

Privacy Policy