flexbox_order-noninteger-invalid.html (670B)
1 <!DOCTYPE html> 2 <title>flexbox | flex-flow: column-reverse wrap-reverse; order</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property"> 5 <link rel="match" href="../reference/blank.html"> 6 <link rel="flags" content="invalid"> 7 <style> 8 div { 9 width: 200px; 10 height: 4em; 11 display: flex; 12 } 13 span { 14 background: red; 15 order: 1.5; 16 flex: 1 0 0%; 17 } 18 span+span { 19 background: white; 20 order: 0; 21 } 22 /* irrelevant */ 23 * {margin: 0;} 24 h1 { 25 width: 100px; 26 height: 4em; 27 background: white; 28 position: absolute; 29 top: 0; 30 left: 0; 31 } 32 </style> 33 34 <div> 35 <span></span> 36 <span></span> 37 </div> 38 39 <h1></h1>