L’immagine è floattata a sinistra, e l’elenco che segue ha list-style-position: outside.
- Abbiamo applicato all’elenco la proprietà
overflow: hidden: questo evita che i puntatori si sovrappongano all’immagine - Inoltre abbiamo aggiunto un
padding-left: 2em - Questo è sufficiente a rendere nuovamente visibili i puntatori della lista.
- Però se l’immagine ha un height minore della lista, allora la lista non floatterà attorno all’immagine come ci si aspetterebbe
- Questo accade per effetto dell’
overflow: hidden. Tuttavia è un comporamento che non occulta neanche in questo caso alcun contenuto: può solo creare un fastidioso spazio vuoto nella presentazione - Il paragrafo che segue la lista riprenderà al suo posto, sotto la lista
Un male tutto sommato minore!