Make Ul Wrap, But Not Overlap

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.

Solution 1:

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

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

https://jsfiddle.net/nyknht9p/