what happend if we add float to sibling elements with the same direction in html code example

Example 1: Float element should has parent element that defined clear property.

.clearfix::after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

Example 2: Float element should has parent element that defined clear property.

  
Div 1
  
Div 2