webkit-box-rtl-flex-ref.html (347B)
1 <!DOCTYPE html> 2 <style> 3 #flexbox { 4 width: 500px; 5 display: flex; 6 direction: rtl; 7 } 8 9 #redbox { 10 background: red; 11 flex: 1; 12 } 13 14 #greenbox { 15 background: green; 16 flex: 1; 17 } 18 19 </style> 20 <p>There should be a green box followed by a red box, both on the same line. 21 <div id="flexbox"> 22 <div id="redbox">A</div> 23 <div id="greenbox">B</div> 24 </div>