Elenco sovrapposto a immagine float
Mi è capitato di affiancare un elenco puntato HTML <ul> a un'immagine <img> con float a sinistra e riscontrare un problema con il margine.
L'immagine con float a sinistra ignora il margine di riempimento fissato per il tag <ul> e l'elenco si sovrappone parzialmente all'immagine.
La soluzione del problema
Per risolvere questo caso ho modificato le proprietà CSS del tag <ul> in questo modo
ul { width: auto; overflow: hidden; list-style-position: inside} }
Dopo questa modifica gli elenchi puntati sono apparsi regolarmente alla destra dell'immagine rispettando il margine.
E così via.
