CSS margin-outside property
CSS shape-outside defines the shape of float-area to wrap the inline content. The inline content can be wrapped from the left (floating on the left side) and right (floating on the right side) sides only.
We have an image floating on the left side. We can define the shape of float-area on the left side this image. We can apply the shape-outside property only to the floating element.
There is no offset on the top edge of the snapport.
shape-outside: polygon(0 0, 100% 100%, 0 100%);
It applies to scroll containers.
Was this article helpful?
The image is floating on the left side. We can define the shape outside the floating image.