layout/reftests/flexbox/flexbox-invalidation-1-ref.html

   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>