layout/reftests/flexbox/flexbox-dyn-insertAroundDiv-2-ref.xhtml

branch
TOR_BUG_9701
changeset 9
a63d609f5ebe
equal deleted inserted replaced
-1:000000000000 0:008d59615b7c
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 div elements stand out -->
16 div.inserted { background: teal; }
17
18 div.flexbox {
19 border: 1px dashed blue;
20 width: 300px;
21 display: flex;
22 justify-content: space-around;
23 margin-bottom: 1px;
24 white-space: pre;
25 }
26 </style>
27 </head>
28 <body>
29 <div class="flexbox" id="f8"><div class="inserted">[NewDiv]</div><div>[OldText]</div></div>
30 <div class="flexbox" id="f9"><div>[OldText]</div><div class="inserted">[NewDiv]</div></div>
31 <div class="flexbox" id="f10"><div class="inserted">[NewDiv]</div> <div>[OldText]</div></div>
32 <div class="flexbox" id="f11"> <div class="inserted">[NewDiv]</div><div>[OldText]</div></div>
33 <div class="flexbox" id="f12"><div>[OldText]</div><div class="inserted">[NewDiv]</div> </div>
34 <div class="flexbox" id="f13"><div>[OldText]</div> <div class="inserted">[NewDiv]</div></div>
35 <div class="flexbox" id="f14"><div class="inserted">[NewDiv]</div>[NewText]<div>[OldText]</div></div>
36 <div class="flexbox" id="f15">[NewText]<div class="inserted">[NewDiv]</div><div>[OldText]</div></div>
37 <div class="flexbox" id="f16"><div>[OldText]</div><div class="inserted">[NewDiv]</div>[NewText]</div>
38 <div class="flexbox" id="f17"><div>[OldText]</div>[NewText]<div class="inserted">[NewDiv]</div></div>
39 </body>
40 </html>
41

mercurial