За допомогою властивості float можна розміщувати елементи по горизонталі поруч один з одним, що дозволяє верстати типові фрагменти веб-сторінок, на кшталт врізок, горизонтальних меню, каталогу товарів, колонок та ін..May 31, 2020
CSS-властивість float вказує, що поточний елемент має бути вилучений із звичайного flow (потоку) і притиснутий до лівої або правої сторони батьківського елемента. Текст та inline елементи будуть обтікати такий елемент. Плаваючі елемент – це будь-який елемент з властивістю float відмінним від none.
Визначає, з якого боку вирівнюватиметься елемент, причому інші елементи будуть обтікати його з інших сторін. Коли значення властивості float одно none, елемент виводиться на сторінці як завжди, при цьому допускається, що один рядок тексту, що обтікає, може бути на тій же лінії, що і сам елемент.
Ми звикли до використання float для вирішення багатьох завдань при верстці сторінок. Однак іноді простіше та зручніше застосовувати inline-block.