如何在左浮动元素周围包裹ul？

Question

I've been googling my brain out, trying to find a solution to the problem of wrapping text that may contain lists (ul) around a left floated element (figure). The bullet points is placed far out left in the floated element. I've tried to add overflow: hidden to the ul, and then the bullet points are correctly in place, but the list is no longer wrapped around the floated element.

Of course, this is an IE issue.

Some nice paint art showing what I do and do not want:

Anyone got a clue?

Answer 1

Try adding list-style-position:inside; to your ul .

Working Fiddle