Как разместить изображение справа от текста в Steam

В Steam Community, где используется ограниченная версия HTML, размещение изображений с обтеканием текстом требует специального подхода. Вот два основных метода.

1. Обтекание текстом (Float)

Для того чтобы картинка располагалась справа, а текст обтекал её слева, используйте атрибут style с CSS-свойством float.

• Пример кода: <img src=\"ссылка_на_изображение.jpg\" style=\"float: right; margin-left: 15px;\">
• Как это работает: Свойство float: right; прижимает изображение к правому краю, а последующий текст обтекает его с левой стороны.
• Рекомендация: Добавьте отступ слева (margin-left), чтобы создать воздух между картинкой и текстом.

2. Простое выравнивание по правому краю

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

• Пример кода: <div align=\"right\"><img src=\"ссылка_на_изображение.jpg\"></div>
• Как это работает: Изображение будет размещено у правого края своего контейнера. Текст, следующий за этим блоком, начнётся с новой строки ниже картинки.

Важные ограничения Steam

Помните, что HTML-редактор Steam поддерживает не все теги и атрибуты. Метод с float обычно работает, но всегда проверяйте результат в предпросмотре. Использование сложных CSS-стилей или внешних таблиц стилей может быть заблокировано.