Duplicata possible :
Pourquoi les puces de mes éléments de liste chevauchent-elles les éléments flottants ?
J'ai eu ce problème avec des ul à côté d'une image flottante.
Voici le code que j'ai utilisé
<img src="abc.jpg" width="300" height="375" style="float:left;" /> Hello world isn't this amazing
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>Six</li>
<!--list shortened for readability-->
</ul>
<p>Extra sample text here</p>
Résultat
S'il est changé en
<ul style="overflow:auto;">
La liste se poursuit au-delà de l'image, ce n'est pas ce que je veux.
L'essai ci-dessous donne également le mauvais résultat
<ul style="list-style-position: inside;">
Photoshop de ce que je veux