| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| if (window.internals) |
| window.internals.settings.setCSSExclusionsEnabled(true); |
| </script> |
| <style> |
| #shape-inside { |
| font: 100px/1 Ahem, sans-serif; |
| color: green; |
| word-wrap: break-word; |
| width: 300px; |
| height: 300px; |
| -webkit-shape-inside: rectangle(0, 0, 300px, 300px, 100px, 100px); |
| } |
| </style> |
| </head> |
| <body> |
| Requires Ahem font. Tests that inline content avoids the border radius of a rounded rectangle. |
| Should display five green boxes in the shape of a plus. |
| <div id="shape-inside">XXXXX</div> |
| </body> |
| </html> |
