| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"/> |
| <title>Padding/border/margin</title> |
| <body> |
| <p>This test passes if you see a purple square of side 100px, surrounded by a |
| 10px blue padding, surrounded by a 10px blue/yellow dashed border, itself |
| surrounded by a 10px pink margin.</p> |
| </div> |
| <div style="background: pink; position: absolute; left: 10px; top: 3em;"> |
| <div style="background: blue; border: 10px dashed yellow; padding: 10px; margin: 10px;"> |
| <div style="width: 100px; height: 100px; background: purple;"></div> |
| </div> |
| </div> |
| </body> |
| </html> |