Неожиданный вопрос, даже не знаю как бы внятно на него ответитить.

По приведенной ссылке картинки помещены в сообщение двумя способами:

- те, что справа - вставлены в html код сообщения в то место, которое Вы выбрали (в данном случае в определенные ячейки таблицы с результатами выставки)

- нижние картинки размещенны как аттачменты (вложения), поэтому после нажатия кнопки "Сохранить" они размещаются там, где заложено шаблоном (в данном случае внизу)

В этом шаблоне миниатюры картинок, которые выложены присоединёнными файлами выстраиваются "обтекая" друг друга и текст. Это позволяет им выстраиваться на странице так, чтобы они заполняли страницу по ширине при любом размере окна. А если сайт открыт в небольшом окне или при малом разрешении экрана - то они не распирают страницу по ширине, а "перепрыгивают" на следующую строку.

Если вы хотите, чтобы они обтекали только друг друга и всегда располагались под текстом, не обтекая его, то надо немного модифицировать шаблон.

Я изменил его, добавив между текстом и аттачами <div style="clear: both;"></div>

Это что-то вроде невидимой линии, которая располагается по всей ширине блока и не позволяет никакому элементу становиться справа или слева от себя - только сверху или снизу. Получается: сверху неё - текст, снизу - миниатюры присоединённых картинок.