Make ul wrap, but not overlap

Question

I am trying to wrap ul around an image without it overlapping

Naturally it wraps, but also overlaps. I quickly fix this with:

ul {  overflow:hidden;   }

but that removes the wrap.

Answer 1

Not sure if this is your intended result, but you can do:

ul {
  list-style-position: inside;
  padding: 0;
}

https://jsfiddle.net/nyknht9p/