logo

Як обернути текст навколо зображення за допомогою HTML і CSS?

Обтікання текстом навколо зображення є досить привабливим для будь-якого веб-сайту. За допомогою HTML і CSS Обтікання зображення текстом можливо, і є багато способів зробити це, оскільки форма будь-якого зображення непостійна. в HTML :

  • Ви також можете використовувати Властивість CSS shape-outside залежно від форми вашого зображення.
  • Вирівнюйте зображення праворуч, ліворуч або по центру в HTML для різноманітних макетів. Наведені нижче приклади ілюструють наведений вище підхід:

приклад 1: У цьому прикладі зображення плаває в правій частині екрана, а текст обтікає зображення. Тут нам не потрібна властивість shape-outside, тому що зображення форми є звичайним (квадратним).



HTML






> <>html>>> <>head>>> ><>title>>> >Wrapping an Image with the text> >title>