Обтікання текстом навколо зображення є досить привабливим для будь-якого веб-сайту. За допомогою HTML і CSS Обтікання зображення текстом можливо, і є багато способів зробити це, оскільки форма будь-якого зображення непостійна. в HTML :
- Ви також можете використовувати Властивість CSS shape-outside залежно від форми вашого зображення.
- Вирівнюйте зображення праворуч, ліворуч або по центру в HTML для різноманітних макетів. Наведені нижче приклади ілюструють наведений вище підхід:
приклад 1: У цьому прикладі зображення плаває в правій частині екрана, а текст обтікає зображення. Тут нам не потрібна властивість shape-outside, тому що зображення форми є звичайним (квадратним).
HTML
> <> html> >> <> head> >> > <> title> >> > Wrapping an Image with the text> > title> |