| <!DOCTYPE html> |
| <html> |
| <head> |
| <link rel='stylesheet' href='shape-outside-boxes-styles.css' /> |
| </head> |
| <body> |
| <p>These tests set the shape-outside to the various boxes (margin/border/padding/content). They require the Ahem font. You should see green squares, with no red.</p> |
| <p>shape-outside: content-box</p> |
| <div class='container-expected'> |
| </div> |
| <p>shape-outside: padding-box</p> |
| <div class='container-expected'> |
| </div> |
| <p>shape-outside: border-box</p> |
| <div class='container-expected'> |
| </div> |
| <p>shape-outside: margin-box</p> |
| <div class='container-expected'> |
| </div> |
| </body> |
| </html> |