| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head><title>CSS Test: Change the value of 'order' property</title> | 3 <head><title>CSS Test: Change the value of 'order' property</title> |
| 4 | 4 |
| 5 <meta name="assert" content="The order of three should be blue-red-black" /> | 5 <meta name="assert" content="The order of three should be blue-red-black" /> |
| 6 | 6 |
| 7 <link rel="match" href="reference/Flexible-order-ref.html"> | 7 <link rel="match" href="reference/Flexible-order-ref.html"> |
| 8 <link rel="author" title="KeynesQu" href="mailto:keynesqu@sohu.com" /> | 8 <link rel="author" title="KeynesQu" href="mailto:keynesqu@sohu.com" /> |
| 9 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" /> | 9 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" /> |
| 10 | 10 |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 46 | 46 |
| 47 | 47 |
| 48 | 48 |
| 49 </style> | 49 </style> |
| 50 | 50 |
| 51 </head> | 51 </head> |
| 52 | 52 |
| 53 <body> | 53 <body> |
| 54 | 54 |
| 55 | 55 |
| 56 <!-- FLEX CONTAINER --> | 56 <!-- FLEX CONTAINER --> |
| 57 <div class="box"> | 57 <div class="box"> |
| 58 <div class="red">A</div> | 58 <div class="red">A</div> |
| 59 <div class="blue">B</div> | 59 <div class="blue">B</div> |
| 60 <div class="black">C</div> | 60 <div class="black">C</div> |
| 61 </div> | 61 </div> |
| 62 | 62 |
| 63 | 63 |
| 64 | 64 |
| 65 </body> | 65 </body> |
| 66 </html> | 66 </html> |
| OLD | NEW |