Для обтікання зображення текстом також можна застосувати стильову властивість float. Значення right буде вирівнювати зображення праворуч вікна браузера, а текст змушує обтікати малюнок зліва (приклад 3). Значення left, навпаки, вирівнює зображення з лівого краю, а текст – праворуч від малюнка.
Найпримітивніший варіант Відразу після зображення поставте тег br і напишіть потрібний текст. Звичайно, він не буде розташовуватися по центру, зате буде під картинкою, так що його вже можна назвати підписом.
Для вирішення вашого питання підійде властивість float для зображення і margin для тексту. Властивість float CSS використовується для вирівнювання блокових елементів по горизонталі, шляхом розміщення по лівому або правому краю батьківського елемента. При цьому навколишні елементи можуть обтікати його з будь-якої сторони.