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