| <!DOCTYPE html> |
| <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> |
| <link rel="help" href="https://www.w3.org/TR/css-break-3/"> |
| <link rel="match" href="block-002-wm-vlr-ref.html"> |
| <meta name="flags" content="paged"> |
| <meta name="fuzzy" content="maxDifference=0-35;totalPixels=0-220"> |
| <html> |
| <style> |
| @page { |
| size: 5in 3in; |
| margin: 0.5in; |
| } |
| |
| html,body { |
| color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0; |
| writing-mode: vertical-lr; |
| } |
| html { margin-block-start: 80vw; } |
| * { box-sizing: border-box; } |
| |
| .b { |
| inline-size: 50vh; |
| block-size: 130vw; |
| border: 5px solid black; |
| border-block-start-color: blue; |
| border-inline-start-color: lime; |
| margin-inline-start: 20px; |
| } |
| |
| .b > div { |
| inline-size: 50vh; |
| block-size: 150vw; |
| border: 5px solid grey; |
| margin-inline-start: 20px; |
| margin-block-start: -5px; |
| } |
| |
| .after { |
| inline-size: 60vh; |
| block-size: 30vw; |
| margin-block-start: 5vw; |
| border: 5px solid blue; |
| } |
| </style> |
| <body> |
| <div class="b"> |
| <div></div> |
| </div> |
| <div class="after"></div> |
| </body> |
| </html> |
