<div class="wrap">
<img src="https://pic.90sjimg.com/original_origin_pic/18/08/16/1fdf2560a0ce3b194085916f62001185.png" alt="shape">
Aenean faucibus ante id sapien scelerisque, ac ullamcorper tortor porttitor. Vivamus mauris nisl, ornare eget purus in, pulvinar pulvinar nisi. Suspendisse ut turpis pellentesque lorem varius commodo.
</div>
body {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.wrap {
width: 300px;
}
.wrap img {
width: 150px;
height: 150px;
shape-outside: circle();
float: right;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.