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