Streaming live at 10am (PST)

How can I get a paragraph to respect the boundaries of a circular div?

I’m trying to get a paragraph to fit within a circular div but it simply ignores the round border. More specifically, I’d like for the paragraph to follow the inside curvature of the border. See the example image. Is there any way to accomplish this?


https://preview.webflow.com/preview/sandbox-8fcb40?utm_medium=preview_link&utm_source=dashboard&utm_content=sandbox-8fcb40&preview=fa598ae7fde37d7639ff72aff03d81f4&mode=preview

No browser CSS support (Yet) for this idea. Try the ideas/tricks her:

The text won’t stay within the constraints of the circle because the computer can’t see the circle. The computer can see the div and the div is always square. But, you can fake it and your audience won’t know the difference.
image image

Thanks TheCat. I figured if there wasn’t a solution, I would have to fake it. I found some javascript that uses the Canvas element to produce the effect I was going for, but I couldn’t get it to work. Oh well, your solution is a good 2nd choice.