flexbox-invalidation-1-ref.html (721B)
1 <!DOCTYPE html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <!-- 7 Reference case, with testcase's dynamic tweak already performed. 8 --> 9 <html> 10 <head> 11 <style> 12 div#outer { margin-left: 40px } 13 14 div#flexContainer { 15 width: 100px; 16 height: 50px; 17 background: lightgray; 18 display: flex; 19 justify-content: center; 20 } 21 22 div#flexItem { 23 border: 1px solid black; 24 height: 200%; 25 background: purple; 26 } 27 </style> 28 </head> 29 <body> 30 <div id="outer"> 31 <div id="flexContainer"> 32 <div id="flexItem">item</div> 33 </div> 34 </div> 35 </body> 36 </html>