CSS Property : clear explained !

Published: 03 January 2023
on channel: Code Canvas

202

The clear property is a CSS property that specifies which sides of an element other floating elements are not allowed. It is used to prevent elements from floating next to each other, allowing text to wrap around them instead.

The clear property can be set to one of the following values:

left: Floating elements are not allowed on the left side of the element.
right: Floating elements are not allowed on the right side of the element.
both: Floating elements are not allowed on either the left or right sides of the element.
none: Floating elements are allowed on both sides of the element (default value).

Here is an example of how to use the clear property in a CSS rule:

div.clear-left {
clear: left;
}

This rule would cause any div element with the class clear-left to have a clear property of "left", meaning that no floating elements would be allowed on the left side of the element.

🔔 Subscribe for more videos like this : https://www.youtube.com/c/CodeCanvas?...

#css3 #css #csstricks

On this page of the site you can watch the video online CSS Property : clear explained ! with a duration of hours minute second in good quality, which was uploaded by the user Code Canvas 03 January 2023, share the link with friends and acquaintances, this video has already been watched 202 times on youtube and it was liked by 14 viewers. Enjoy your viewing!

3,859

214