flexbox-dyn-insertAroundDiv-1-ref.xhtml (1462B)
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 div.flexbox { 16 border: 1px dashed blue; 17 width: 300px; 18 display: flex; 19 justify-content: space-around; 20 margin-bottom: 1px; 21 white-space: pre; 22 } 23 </style> 24 </head> 25 <body> 26 <div class="flexbox" id="f0"> <div>[OldText]</div></div> 27 <div class="flexbox" id="f1"><div>[OldText]</div> </div> 28 <div class="flexbox" id="f2">[NewText]<div>[OldText]</div></div> 29 <div class="flexbox" id="f3">[NewText] <div>[OldText]</div></div> 30 <div class="flexbox" id="f4"> [NewText]<div>[OldText]</div></div> 31 <div class="flexbox" id="f5"><div>[OldText]</div>[NewText]</div> 32 <div class="flexbox" id="f6"><div>[OldText]</div>[NewText] </div> 33 <div class="flexbox" id="f7"><div>[OldText]</div> [NewText]</div> 34 <div class="flexbox" id="f8">[NewText] <div>[OldText]</div></div> 35 <div class="flexbox" id="f9"> [NewText]<div>[OldText]</div></div> 36 <div class="flexbox" id="f10"><div>[OldText]</div>[NewText] </div> 37 <div class="flexbox" id="f11"><div>[OldText]</div> [NewText]</div> 38 </body> 39 </html>