flex-direction-row-vertical-ref.html (624B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Reference: flex-direction:row has the same orientation as inline axis</title> 5 <style> 6 #vertical { 7 writing-mode: vertical-lr; 8 } 9 10 .test { 11 display: flex; 12 width: 3em; 13 flex-direction: row; 14 } 15 16 .test > span { 17 width: 1em; 18 } 19 </style> 20 </head> 21 <body> 22 <p>Test passes if both the two columns below are identical.</p> 23 <div id="vertical"> 24 <div class="test"> 25 <span>A</span><span>B</span><span>C</span> 26 </div> 27 <div class="test"> 28 <span>A</span><span>B</span><span>C</span> 29 </div> 30 </div> 31 </body> 32 </html>