CLEAR FLOAT CSS
The float property specifies whether an element should float or not.
Floating means that the element is aligned to right (float: right) or left (float: left) and that the item comes back takes the remaining space in the same line, ie, surrounding the floating element.
Example of an element that floats to the right:
Example of a floating element on the left:
The above elements to the floating element unaffected. Only the following items are affected.
If we want the next element to a float, not affected, use the clear property.
Example of an item that will not be affected by a float before.
You can put several items float followed, and get them to appear on the same line if there is room, or on the next line if no room.
This is useful to list a series of images without knowing the type of device, so without knowing the space, where they will be displayed.
If the device has room where they are displayed on screen, the 6 images are displayed on the same line. If space is less, will be displayed on multiple lines.