CSS - Float Property
In the past, the float property was a very helpful tool for aligning divisions on a web page.
Today We Use Flexbox
You can use the float property in flexbox for positioning images, lists and iframes.
When using it in flexbox it must be placed in child containers. Use it in parent containers and it will be ignored.
It should not be used for structuring web pages and aligning divisions.
Embedded Code:
Image is positioned to the left, text flows to the right and around the image. 1dvw margin or 1% of viewport width keeps text from laying against the image. max-width : 100% keeps the image from exceeding its actual size. Add some box-shadow and VOILA.
img.l-img {
float:left;
max-width: 100%;
margin: 1dvw;
box-shadow: 0 2px 4px #000
}