1163238-orthogonal-auto-margins-ref.html (664B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 body { 6 border: 1px solid blue; 7 } 8 .vlr { 9 border: 5px solid green; 10 width: 200px; 11 height: 400px; 12 margin: 0px auto; 13 } 14 .h1 { 15 border: 10px solid red; 16 width: 100px; 17 height: 200px; 18 margin-top: 90px; 19 } 20 .vrl { 21 background: yellow; 22 width: 50px; 23 height: 75px; 24 padding-top: 25px; 25 margin-left: 25px; 26 } 27 .h2 { 28 background: black; 29 width: 20px; 30 height: 50px; 31 margin-left: 30px; 32 } 33 </style> 34 </head> 35 <body> 36 <div class="vlr"> 37 <div class="h1"> 38 <div class="vrl"> 39 <div class="h2">