1163238-orthogonal-auto-margins.html (758B)
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 writing-mode: vertical-lr; 13 margin: auto; 14 } 15 .h1 { 16 border: 10px solid red; 17 width: 100px; 18 height: 200px; 19 writing-mode: horizontal-tb; 20 margin: auto; 21 } 22 .vrl { 23 background: yellow; 24 width: 50px; 25 height: 100px; 26 writing-mode: vertical-rl; 27 margin: auto; 28 } 29 .h2 { 30 background: black; 31 width: 20px; 32 height: 50px; 33 writing-mode: horizontal-tb; 34 margin: auto; 35 } 36 </style> 37 </head> 38 <body> 39 <div class="vlr"> 40 <div class="h1"> 41 <div class="vrl"> 42 <div class="h2">