default-box-sizing-separate-quirks-ref.html (1025B)
1 <html> 2 <head> 3 <title>default box sizing (border-collapse: separate, standards mode)</title> 4 <style type="text/css"> 5 6 body > div { float: left; clear: left; background: fuchsia; margin: 2px 0; } 7 8 div.inner { 9 background: yellow; 10 } 11 12 </style> 13 </head> 14 <body> 15 16 <div style="width: 200px"> 17 <div style="background: blue; padding: 2px 3px 4px 5px"> 18 <div style="background: fuchsia; padding: 5px 8px 7px 10px"> 19 <div style="background: aqua; padding: 2px 3px 4px 5px"> 20 <div style="background: fuchsia; padding: 5px 7px 9px 11px"> 21 <div class="inner">x</div> 22 </div> 23 </div> 24 </div> 25 </div> 26 </div> 27 28 <div> 29 <div style="background: blue; padding: 2px 3px 4px 5px"> 30 <div style="background: fuchsia; padding: 5px 8px 7px 10px"> 31 <div style="background: aqua; padding: 2px 3px 4px 5px"> 32 <div style="background: fuchsia; padding: 5px 7px 9px 11px"> 33 <div class="inner" style="width: 200px">x</div> 34 </div> 35 </div> 36 </div> 37 </div> 38 </div> 39 40 </body> 41 </html>