Tips for clearing floating between CSS sibling elements

Clear left float: the left side of the element is not allowed to float the element and the current left has a floating element, and itself is a block element, can only fall to the beginning of the next line to display

Clear:left;

Clear right float: Same as above, do not allow floating elements on the right side of the element, also it can only be displayed on the right floating element under another line, of course, it can only follow the bottom of the right float as the starting point, starting to display

Clear:right;

If the left and right sides of the element are prohibited from floating elements, you can use the following shorthand

Clear:both;

<! DOCTYPE html>