| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../../resources/ahem.js"></script> |
| <link rel='stylesheet' href='shape-outside-boxes-styles.css' /> |
| </style> |
| </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 content-box horizontal-tb'> |
| </div> |
| <p>shape-outside: padding-box</p> |
| <div class='container padding-box horizontal-tb'> |
| </div> |
| <p>shape-outside: border-box</p> |
| <div class='container border-box horizontal-tb'> |
| </div> |
| <p>shape-outside: margin-box</p> |
| <div class='container margin-box horizontal-tb'> |
| </div> |
| </body> |
| </html> |