Проблемы со списком <li> - Вопросы по CSS

Добрый день. Возникли проблемы со списками на сайте. Если список выравнивать по картинки, то он отображается некорректно. Я не очень то разбираюсь в ксс и по этому прошу у вас помощи разобраться.
Ставлю выравнивание от картинки и поля

Проблема в топ что список выравнивается по тексту внутри него, а точки вылезают...

Если же  использую class для ul из шаблона, то выходит вот такая вот штука.


А если информация занимает 2 строки, то междустрочное расстояние выглядит маловатым...


очень бы хотелось понять как это исправить.

хорошо бы ссылку на пациента
Если попробовать прописать отступы не картинке --- <img style="margin... , а самому контейнеру <ul>? Чтобы не нарушить общую картину (не применять правила отображения ко всем <ul>) то прописать класс, например <ul class="pic">

Пробовал прописать отступ списку в материале, чето не работает. Может синтаксис Неправильный или что забыл...
Я так понял нужно создать новый класс UL и там прописать отступы от картинки? Как их прописать?  я не очень то силен в синтаксисе. Где это кроется, я найду, а вот как прописать отступ от картинки, не знаю.
Еще слышал, что можно както точку взять в блок самой информации, тогда она и не будет вылезать.

назначай класс списку и делай отступ от границы общего блока, на ширину картинки+нужное расстояние

Решил добавлением

А вот чекмарки шаблона вылечились добавлением
в ксс. А вот межстрочное растояние на картинке 3 еще не проверял.

межстрочное растояние - в файле .../templates/gk_party_freak/css/typography.style1.css (строка 83)

Попробовал, исправляет. Но это делает увеличенное расстояние меж строк во всем списке, а мне нужно сделать исправить только ошибку, когда один пункт списка помещается в 2 строки.

Решил проблему удалением

Но вторая строка теперь выравнивается по краю листа. не могу ее сдвинуть .
если удалить
или поменять outside все нормально, но боюсь в таком случаем не будет обтекать картинку, как это было в предыдущем сайте.