CSS Shape Outside Generator
Wrap text around a floated element in a custom shape (circle/ellipse/polygon) — with a live text-wrap preview.
Shape
shape-outside only works on floated elements — text wraps around its shape.
100% browser-based — no data sent to any server
Lorem ipsum dolor sit amet consectetur adipiscing elit. The shape-outside property lets text wrap around a floated element's custom shape, instead of a normal rectangular box. This is particularly useful for magazine-style layouts and creative typography. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam.