padding-border-margin-001-ref.html (597B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>Padding/border/margin</title> 6 <body> 7 <p>This test passes if you see a purple square of side 100px, surrounded by a 8 10px blue padding, surrounded by a 10px blue/yellow dashed border, itself 9 surrounded by a 10px pink margin.</p> 10 </div> 11 <div style="background: pink; position: absolute; left: 10px; top: 3em;"> 12 <div style="background: blue; border: 10px dashed yellow; padding: 10px; margin: 10px;"> 13 <div style="width: 100px; height: 100px; background: purple;"></div> 14 </div> 15 </div> 16 </body> 17 </html>