layout/reftests/flexbox/flexbox-inlinecontent-horiz-2-ref.xhtml

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <!--
   7      Reference case with a stretch of inline content in a flex container.
   8      (The corresponding testcase has a div interrupting the run, which gets
   9      removed, hopefully making it look like this reference case.)
  10 -->
  11 <html xmlns="http://www.w3.org/1999/xhtml">
  12   <head>
  13     <style>
  14       div { height: 100px; }
  15       div.flexbox {
  16         width: 200px;
  17         display: flex;
  18       }
  19       div.a {
  20         flex: 1 0 20px;
  21         background: lightgreen;
  22       }
  23       div.inflex {
  24         flex: 0 0 20px;
  25         background: gray;
  26       }
  27     </style>
  28   </head>
  29   <body>
  30     <div class="flexbox"
  31        ><div class="a"/>text<i>italic</i
  32        ><div class="inflex"/></div>
  33   </body>
  34 </html>