Text wrapping on the web has always meant wrapping around boxes of content. With Shapes, you can wrap text outside or inside any shape by using just a few simple CSS properties.
For current browser implementation status, check out our Shapes browser support matrix.
- Enable Shapes in various browsers
- Forest Giant — An experiment in responsive digital layout with content from National Geographic.
- Cooking with Shapes — A fully responsive recipe for Sweet and Sour Chicken.
- Polygon Dawn — An animated expression of text wrapped inside a polygon.
- Nevermore — An artistic layout of Edgar Allan Poe’s The Raven.
- CSS Shapes Module Level 1 — W3C Editor's Draft, defines shape-outside
- CSS Shapes Module Level 2 — W3C Editor’s Draft, adds shape-inside
- Our blog posts on Shapes
- Samples of Shapes on codepen.io
Got a comment to make on the CSS Shapes Module Level 3 Editor’s Draft? Just use the email@example.com mailing list on the W3C website. Please use the identifier “[CSS Shapes]” in the subject of your email. Or, let us know on Twitter, @adobeweb.