Практика з float та clear

Приклад обтікання елементів

annapurna-img annapurna-img annapurna-img

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A eos magni sint unde vel veritatis. Blanditiis consectetur deserunt earum esse est in ipsa ipsam magni porro, quos reprehenderit sequi, voluptatum? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius odio officiis perferendis qui quos? Aliquid animi dicta, consectetur deserunt earum esse est in ipsa ipsam magni porro, quos reprehenderit sequi, voluptatum? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius odio officiis perferendis qui quos? Aliquid animi dicta, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem consequatur eligendi ex harum inventore ipsa labore modi molestiae nemo nihil, nobis placeat quaerat quas. Aperiam autem culpa neque vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias architecto commodi culpa deleniti eaque eveniet, exercitationem expedita ipsa iste libero magnam mollitia nemo neque perferendis quas, sed ut veritatis voluptate? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem consequatur eligendi ex harum inventore ipsa labore modi molestiae nemo nihil, nobis placeat quaerat quas. Aperiam autem culpa neque vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias architecto commodi culpa deleniti eaque eveniet, exercitationem expedita ipsa iste libero magnam mollitia nemo neque perferendis quas, sed ut veritatis voluptate? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem consequatur eligendi ex harum inventore ipsa labore modi molestiae nemo nihil, nobis placeat quaerat quas. Aperiam autem culpa neque vel velit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias architecto commodi culpa deleniti eaque eveniet, exercitationem expedita ipsa iste libero magnam mollitia nemo neque perferendis quas, sed ut veritatis voluptate?

Приклад використання clear

В кінці попереднього блоку використано div з clear: both; для скасування ефекту float і відновлення нормального потоку документа