<!DOCTYPE html> <html> <head> <title>CSS Reference: flex-direction:row has the same orientation as inline axis</title> <style> #vertical { writing-mode: vertical-lr; } .test { display: flex; width: 3em; flex-direction: row; } .test > span { width: 1em; } </style> </head> <body> <p>Test passes if both the two columns below are identical.</p> <div id="vertical"> <div class="test"> <span>A</span><span>B</span><span>C</span> </div> <div class="test"> <span>A</span><span>B</span><span>C</span> </div> </div> </body> </html>