JSFiddle - React, Tailwind, and code Playground

by SvetaSR

HTML

<div class="some-shape"></div>
<div>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue dignissim tortor, a vestibulum orci blandit ac. Sed interdum nec sem sit amet consectetur. Vestibulum auctor, risus vitae lacinia elementum, nisi tellus porttitor arcu, vel porta leo felis in augue. Duis laoreet tortor at luctus porttitor. Nulla bibendum neque id est pharetra sagittis. Sed bibendum urna erat, vitae laoreet risus volutpat et. Nunc pharetra risus aliquam arcu pellentesque rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>

 <p>Donec ut convallis lacus. Vestibulum blandit sem leo, non tempus est fringilla ac. Nunc scelerisque maximus tortor, eu pulvinar neque placerat quis. Vestibulum fringilla scelerisque tristique. Nulla facilisi. Duis sed sapien id ligula interdum semper. Praesent auctor erat condimentum elit venenatis fringilla. Aliquam fermentum mattis massa, quis vulputate turpis convallis sit amet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed dignissim massa at leo dignissim, eget varius lacus finibus.</p>
</div>

CSS

.some-shape {
  margin-right: 20px;
  width: 150px;
  height: 150px;
  background-color: #59d1f2;
  shape-outside: circle();
  clip-path: circle();
  float: left;
}