Перечитав свой заголовок понял, почему не могу найти ответ в гугле. Дорогие знатоки, помогите найти ответ.
Рассмотрим пример
1.
Черный квадрат - тег div
2.
Зеленый квадрат - любой тег (h1-h6,p,span.div...) в который можно поместить тег img
3.
Красный квадрат - тег img
Красный квадрат - изображение которое помещено в зеленый квадратно растягивается по ширине черного квадрата.
Вот подобие того что нужно

Покопавшись в исходниках, для себя вынес только бредовое решение, тег img завернуть в еще один div где прописать стили margin. В принципе задача таким способом решается, но я добавляю материал через визуальный редактор, а он строго добавляет изображение в теге
<img src="#">
. Плюс к этому не хочу привязываться к редактору.
Ребятки хэлп ми