how does float work in css 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: css floaat

.myelement {
	float: left;
}

Example 3: float property in css

The float property is a positioning tool in css that is used to
push elements left or right. 

float: left;
float: right;

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

  
Div 1
  
Div 2