gap-002-lr-ref.html (680B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Flexbox Test: gap - vertical with LR vertical writing mode</title> 4 <link rel="author" title="Adam Argyle" href="mailto:argyle@google.com"> 5 <style> 6 body { 7 writing-mode: vertical-lr; 8 } 9 10 section { 11 background-color: green; 12 block-size: 200px; 13 display: flex; 14 flex-direction: column; 15 } 16 section > div{ 17 background-color: gray; 18 flex: 1 1 auto; 19 } 20 section > div:not(:first-child) { 21 margin-block-start: 20px; 22 } 23 </style> 24 <body> 25 <p>Test passes if there is <strong>a green vertical line between boxes</strong>.</p> 26 <section> 27 <div></div> 28 <div></div> 29 <div></div> 30 </section> 31 </body>