Решение проблемы выравнивания картинок в статье - TinyMCE

Переодически появляются сообщения о неработающем выравнивании картинок в в материале спомощью редактора TinyMCE.
На форуме были предложены разные пути решения данной проблемы, хочу предложить свой.
Суть решения данной проблемы заключается в создании своих классов стилей выравнивания картинки, и внесения их в начало файла template.css текущего шаблона. А затем спомощью раскрывающегося списка "стили" выбираем для картинки нужный вам стиль для выравнивания картинки в тексте. Што нам этот способ дает? Самое главное это, чистый код  и отсутствие побочных эфектов. Плюс возможность индуальной настройки оформления изображений под себя.
Пример:создаем код
Вносим его в начало файла CSS текущего шаблона, и после обновления кеша получаем в раскрывающемся меню "Стили" список стилей, что соответствует стилям форматирования изображения в редакторе.
imgbaseline        - по базовой линии
imgtop              - по верху
imgcentr           -  по центру
imgbottom         - по низу
imgtext-top       - по верху текста
imgtext-bottom  - по низу текста
imgleft              - влево
imgright            - впрво
При желании список стилей можно расширить.
Желаю всем успеха, кому помогло пишите, критика тоже приветствуется 

Спасибо! Это в редакторе должны появляться эти созданные стили?
Скопировала этот код, вставила в CSS файл шаблона. В редакторе ничего не появилось...Кеш очистила.
Блин, ну че ж делать?
Либо сохраняется форматирование картинки, а тег strong превращаются в <b>, либо наоборот. А вот вместе никак.

Спасибо! Это в редакторе должны появляться эти созданные стили?

нет, сами прописывайте их

Эх, вот бы еще знать как:)
сейчас будем гуглить

Совсем не обязательно создавать столько классов, достаточно указать все параметры по умолчанию для всех изображений редактируя тег img в файле стилей template.css и тогда выравнивание будет работать так как вы укажете в редакторе TinyMCE

img
{

}

допустим так:


в css

<div class="article-content">Ваш текст</div>
это в index.php вставлять?

что-то плохо я догоняю...

Нет, если вы хотите добавить картинку в статье, то пишите <div class="article-content">Ваш текст</div> в редакторе HTML и следующий код в файле CSS вашего шаблона

Ага, сейчас попробую
Большое спасибо за советы:))))

Спасибо! Это в редакторе должны появляться эти созданные стили?
Скопировала этот код, вставила в CSS файл шаблона. В редакторе ничего не появилось...Кеш очистила.
Блин, ну че ж делать?
Либо сохраняется форматирование картинки, а тег strong превращаются в <b>, либо наоборот. А вот вместе никак.

Да в редакторе, в раскрывающемся списке "стили". У меня они тоже не сразу появились, пока кеш броузера не почистил.