Кодирование Markdown с плавающим изображением

Question

Я использую MDwiki для отображения уценки в моей пользовательской документации. Я хотел бы добавить изображения, которые плавают справа. Итак, у меня есть следующее в моей уценке:

Test test test.

<img src="/UserGuide/pictures/Dashboard.png" alt="DashBoard" 
     style="float: right; max-width: 50%;"></img>

Next next next.

Таким образом, я получаю изображение, и оно масштабируется правильно, а также корректно корректируется на экране, но текст отображается только над и под ним, а не слева от него. Есть что-то еще, чтобы добавить?

Я использую тег HTML img вместо структуры ![txt](x.png) уценки, потому что я не мог понять, как применить эти стили.

Это может быть проблемой с мастеризацией MDwiki. Я заметил, что он обрабатывает тег img таким образом, что он активен для увеличения.

Answer 1

Для блага любого, кто был там, где я был:

Это работает:

<p style="max-width: 50%; float: right;">
![Alt Picture Text](something.png "The Caption Of Something")
</p>

MDwiki использует тег p в качестве контейнера для своей структуры изображения, поэтому CSS в вопросе выше не влияет на него. Таким образом, это создает контейнер вокруг контейнера, и MDwiki выполняет синтаксический анализ текста внутри.