layout/reftests/flexbox/flexbox-dyn-insertAroundText-3-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 {
  14         font-size: 10px;
  15       }
  16
  17       span.inserted {
  18         background: teal; /* To make inserted span elements stand out. */
  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 class="inserted">[NewSpan]</span>[OldText]</div>
  33     <div class="flexbox" id="f1">[OldText]<span class="inserted">[NewSpan]</span></div>
  34     <div class="flexbox" id="f2"><span class="inserted">[NewSpan]</span>  [OldText]</div>
  35     <div class="flexbox" id="f3">  <span class="inserted">[NewSpan]</span>[OldText]</div>
  36     <div class="flexbox" id="f4">[OldText]<span class="inserted">[NewSpan]</span>  </div>
  37     <div class="flexbox" id="f5">[OldText]  <span class="inserted">[NewSpan]</span></div>
  38     <div class="flexbox" id="f6"><span class="inserted">[NewSpan]</span>[NewText][OldText]</div>
  39     <div class="flexbox" id="f7">[NewText]<span class="inserted">[NewSpan]</span>[OldText]</div>
  40     <div class="flexbox" id="f8">[OldText]<span class="inserted">[NewSpan]</span>[NewText]</div>
  41     <div class="flexbox" id="f9">[OldText][NewText]<span class="inserted">[NewSpan]</span></div>
  42   </body>
  43 </html>