CSS Clear and Clearfix
Clear None By Default
Div1
Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, sunt. Quaerat molestiae ab in, est et mollitia. Dolores, qui tenetur.
Clear Left
Div1
Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, sunt. Quaerat molestiae ab in, est et mollitia. Dolores, qui tenetur.
Clear Right
Div1
Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, sunt. Quaerat molestiae ab in, est et mollitia. Dolores, qui tenetur.
Clear Both
Div1
Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis, sunt. Quaerat molestiae ab in, est et mollitia. Dolores, qui tenetur.
Without Clearfix
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Placeat deleniti minus quae laudantium est ut quam cumque voluptate quas quia, officiis maxime sequi, hic deserunt provident id fuga vero. Ratione.
With Clearfix
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Placeat deleniti minus quae laudantium est ut quam cumque voluptate quas quia, officiis maxime sequi, hic deserunt provident id fuga vero. Ratione.
New Modern Clearfix Hack
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Placeat deleniti minus quae laudantium est ut quam cumque voluptate quas quia, officiis maxime sequi, hic deserunt provident id fuga vero. Ratione.