1
00:00:00,700 --> 00:00:06,580
The clear property is used to control the behavior of floating elements elements that are positioned

2
00:00:06,700 --> 00:00:10,440
after a floating element will float around it.

3
00:00:10,450 --> 00:00:16,360
This HDMI page shows an example of this the page contains three divs.

4
00:00:16,360 --> 00:00:17,510
One is blue.

5
00:00:17,590 --> 00:00:26,330
The other is red and one is yellow the blue div has a float left property attached to it.

6
00:00:26,330 --> 00:00:31,340
For this reason the text contained in the red div floats to the right.

7
00:00:32,160 --> 00:00:33,660
The right side of the blue div

8
00:00:40,430 --> 00:00:43,230
we can see the text wrap around the blue div

9
00:00:49,460 --> 00:00:54,320
in order to prevent the yellow div from floating to the right as well.

10
00:00:54,320 --> 00:01:04,010
We've put a clear declaration this forces the div below the blue div unlike the red div which does not

11
00:01:04,010 --> 00:01:06,260
have a clear Dec declaration.