| <!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> |