Для дефолтных браузерных стилей характерно такое поведение: если картинка обтекает список слева, маркеры списка налазят на картинку. От этого можно избавиться незначительно переписав стили.

демка

Если картинка обтекает список, маркеры списка налазят на картинку
Проблема: если картинка обтекает список, то маркеры списка налазят на картинку

Эту проблему можно решить, но придется переписать все отступы для тегов ul, ol и li. Так как ul > li могут использоваться не только для текста с маркерами, но и для менюшек, слайдеров, списков новостей и других семантических конструкций, задавать стили напрямую тегам ol, ul и li опасно. Иначе в дальнейшем придется слишком часто эти стили обнулять. Поэтому создадим отдельный класс .textlist, чтобы ставить его на наши ul и ol.

.textlist {
    margin: 0;
    padding: 0;
}
.textlist > li {
    margin: 0;
    padding-left: 2em;
    list-style-position: inside;
    text-indent:-1em;
    overflow: hidden;
}

overflow: hidden  тут нам нужен для того, чтобы запретить тексту обтекание картинки по строкам внутри li. Теперь каждая li обтекает картинку как прямоугольный блок.

list-style-position: inside  чтобы втянуть маркер списка внутрь блока.

А всё остальное, чтобы отступы выглядели как раньше.

демка

Маркеры списка не налазят на картинку
Маркеры списка больше не налазят на картинку

Живой пример:

Lorem ipsum.