flex-order-ref.html (634B)
1 <!DOCTYPE html> 2 3 <html> 4 <head> 5 <title>CSS Reftest Reference: flex order</title> 6 <link rel="author" title="Mitsuteru Sawa" href="mailto:mitsuteru.s@gmail.com"> 7 <style> 8 #container { display: flex; } 9 #highOrdinal { 10 background: lime; 11 height: 100px; width: 100px; 12 } 13 #middleOrdinal { 14 background: orange; 15 height: 100px; width: 100px; 16 } 17 #lowOrdinal { 18 background: red; 19 height: 100px; width: 100px; 20 } 21 </style> 22 </head> 23 <body> 24 <div id="container"> 25 <div id="highOrdinal"></div> 26 <div id="middleOrdinal"></div> 27 <div id="lowOrdinal"></div> 28 </div> 29 </body> 30 </html>