Как правильно вставлять изображение в список в Blogger'е

Есть одна проблема в Google Blogger'е, которая меня чрезвычайно раздражала.

Я часто привожу пошаговое выполнение какого-нибудь действия. Для этого использую упорядоченный список (1, 2, 3...). А так как я стараюсь эти шаги иллюстрировать, то нужно вставлять изображения в отдельные шаги.

Так вот, когда в таком списке делаешь перенос строки (SHIFT+ENTER), который в коде вставляет <br/>, и далее пытаешься вставить изображение, то оно почему-то вставляется вообще над списком.

До недавнего времени, я открывал HTML-код и перемещал всю вставку с <div/>ами вокруг в нужное мне место в списке. Затем я придумал еще более простой способ вставки изображения в нужный пункт списка уже без переключения в редактор HTML-кода

Но как оказалось я зря так старался. Все можно делать еще проще :)

Просто не нужно делать перенос строки:

1. Помещаешь курсор в конце предложения в пункте списка - тут же, в той же строке...
2. ... и вставляешь изображение.

И изображение вставляется как нужно. (Так как элемент <div class="separator" style="clear: both; text-align: center;"></div>, в который облекается элемент <img/> и т.п., выполняет свою работу - отделяет изображение от предыдущего и следующего контента и центрирует его.)

А я - как болван - уже не один месяц мучаюсь :)