Стили CSS после создания сайта на MODx

Кнопки выравнивания в редакторе  герерируют стили, которые надо дописывать в CSS-файл.

В таблицу стилей дописать:

p.justifyleft {text-align:left}

p.justifyright{text-align:right}

p.justifyfull{text-align:justify}

Кнопка выравнивания по центру генерирует сама внутренний стиль <p style="text-align: center;">, поэтому для нее стиль в таблице стилей не пишем. 

Обтекание для изображений

img.justifyleft {
float:left;
margin: 5px 10px 5px 0px

img.justifyright {
float:right;
margin: 5px 0px 5px 10px
}

Если внутри абзаца есть только изображение без текста, то кнопка выравнивания абзаца по центру  может не дать выравнивания ни абзаца, ни изображения по центру, поэтому в CSS можно дописать:

#content p img {display: block; margin-left: auto; margin-right: auto; max-width:100%}

или

#content p img {display: block; margin: 0 auto; max-width:100%}