layout/reftests/flexbox/flexbox-dyn-insertEmptySpan-1-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      This reference case is like its textcase, but with the testcase's dynamic
   8      modifications already performed.
   9 -->
  10 <html xmlns="http://www.w3.org/1999/xhtml">
  11   <head>
  12     <style>
  13       body { font-size: 10px; }
  14
  15       <!-- to make inserted span elements stand out -->
  16       span {
  17         background: teal;
  18         padding: 3px;
  19       }
  20
  21       div.flexbox {
  22         border: 1px dashed blue;
  23         width: 300px;
  24         display: flex;
  25         justify-content: space-around;
  26         margin-bottom: 1px;
  27         white-space: pre;
  28       }
  29     </style>
  30   </head>
  31   <body>
  32     <div class="flexbox" id="f0"><span/>[orig]</div>
  33     <div class="flexbox" id="f1">[orig]<span/></div>
  34     <div class="flexbox" id="f2"><span/>  [orig]</div>
  35     <div class="flexbox" id="f3">  <span/>[orig]</div>
  36     <div class="flexbox" id="f4">[orig]<span/>  </div>
  37     <div class="flexbox" id="f5">[orig]  <span/></div>
  38     <div class="flexbox" id="f6"><span/>[NewText][orig]</div>
  39     <div class="flexbox" id="f7">[NewText]<span/>[orig]</div>
  40     <div class="flexbox" id="f8">[orig]<span/>[NewText]</div>
  41     <div class="flexbox" id="f9">[orig][NewText]<span/></div>
  42   </body>
  43 </html>