| Scott Violet | 9b35521 | 2020-01-09 21:45:44 | [diff] [blame] | 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> | ||||