Як зробити обтікання картинки текстом

У цій статті ми розповімо, як зробити обтікання картинки текстом за допомогою HTML та CSS.

Дуже часто необхідно, щоб картинка містилася всередині тексту і красиво обтікалася з усіх боків. Такий спосіб розміщення заощаджує місце на сторінці і дозволяє зробити нудний текст привабливішим для прочитання.

Ми розглянемо два способи обтікання текстом зображення.

Спосіб 1. Обтікання при використанні лише HTML.

Код:

Як це буде виглядати:

Значимість цих проблем настільки очевидна, що постійне кількісне зростання і сфера нашої активності сприяє підготовці та реалізації суттєвих фінансових та адміністративних умов. Не слід, проте забувати, що структура організації, що склалася, дозволяє оцінити значення систем масової участі.

Різноманітний і багатий досвід зміцнення та розвиток структури сприяє підготовці та реалізації нових пропозицій. Таким чином, консультація з широким активом вимагають від нас аналізу суттєвих фінансових та адміністративних умов. Товариші! постійне кількісне зростання та сфера нашої активності вимагають визначення та уточнення форм розвитку.

СПОСІБ 1. ОБТЕК ПРИ ВИКОРИСТАННІ HTML і CSS.

Виглядатиме результат як і в першому способі.

Як ви вже повинні були здогадатися за обтікання картинки текстом відповідає властивість float, яка притискає елемент, до якого задається або до правої сторони, або до лівої. А також дозволяє іншим елементам, у тому числі тексту обтікати його.

---