Несколько техник размещения изображений рядом с текстом в HTML:

• Обтекание картинки текстом. 1 Для этого используется стилевое свойство float. 1 Значение right выравнивает изображение по правому краю окна браузера, а текст заставляет обтекать рисунок слева. 1 Значение left, наоборот, выравнивает изображение по левому краю, а текст — справа от рисунка. 1
• Размещение на поле. 1 При такой схеме изображение располагается справа или слева от текста, причём его обтекание происходит только с одной стороны. 1 Для достижения результата можно использовать таблицу с тремя ячейками: в одной будет располагаться изображение, во второй — текст, а третья нужна, чтобы создать отступ между ними. 1
• Изображение по центру. 2 При создании центрированных композиций рекомендуется использовать CSS Grid или Flexbox для дополнительной настройки обтекания текстом. 2
• Обтекание текстом изображений нестандартной формы. 2 Для этого используется свойство shape-outside. 2 Оно даёт возможность создавать различные текстовые формы вокруг изображений с необычными контурами (кругов, эллипсов и многоугольников). 2

Выбор техники зависит от конкретных требований и предпочтений дизайнера.