Float

The float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. Possible values are:

• left
• right
• none

The clear CSS property property sets whether an element must be moved below floating elements that precede it. Possible values are:

• none - the element is not moved down to clear past floating elements
• left - the element is moved down to clear past left floats
• right - the element is moved down to clear past right floats
• both - the element is moved down to clear past both left and right floats

<div 
     style="w-50 p-2 m-2">
As much mud in the streets as if the 
waters had but newly retired from the face of the earth, and 
<img src="/images/car.png"
     style="width:50px; height:50px; float: right;
            margin-left: 8px;"/>
    it would not be wonderful to meet a Megalosaurus, 
    forty feet long or so, 
    waddling like an elephantine lizard up Holborn Hill.
        </div> 
    <div style="width:1px; margin:10px;">
        
    </div>
<div style="w-50 p-2">As much mud 
in the streets as if the waters had but 
newly retired from the face of the earth,  
    <img src="/images/car.png"
        style="width:50px; height:50px;float: left; 
               margin-right: 8px;"/>
 and it would not be wonderful to meet 
 a Megalosaurus, forty feet long or so, 
 waddling like an elephantine lizard up Holborn Hill.</div>        

As much mud in the streets as if the waters had but newly retired from the face of the earth, and it would not be wonderful to meet a Megalosaurus, forty feet long or so, waddling like an elephantine lizard up Holborn Hill.

As much mud in the streets as if the waters had but newly retired from the face of the earth, and it would not be wonderful to meet a Megalosaurus, forty feet long or so, waddling like an elephantine lizard up Holborn Hill.

<div style="w-50 p-2">As much mud in the streets 
as if the waters had but newly 
retired from the face of the earth,  
    <img src="/images/car.png"
        style="width:250px; height:250px;float: left; 
               margin-right: 8px;"/>
 and it would not be wonderful to meet 
 a Megalosaurus, forty feet long or so, 
 waddling like an elephantine 
 lizard up Holborn Hill.
<p style="clear: both;">Text with cleared floating. It is below image.</p>    
    </div>

As much mud in the streets as if the waters had but newly retired from the face of the earth, and it would not be wonderful to meet a Megalosaurus, forty feet long or so, waddling like an elephantine lizard up Holborn Hill.

Text with cleared floating. It is below image.