flexbox-dyn-insertAroundText-1-ref.xhtml (1330B)
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"> [OldText]</div> 27 <div class="flexbox" id="f1">[OldText] </div> 28 <div class="flexbox" id="f2">[NewText][OldText]</div> 29 <div class="flexbox" id="f3">[NewText] [OldText]</div> 30 <div class="flexbox" id="f4"> [NewText][OldText]</div> 31 <div class="flexbox" id="f5">[OldText][NewText]</div> 32 <div class="flexbox" id="f6">[OldText][NewText] </div> 33 <div class="flexbox" id="f7">[OldText] [NewText]</div> 34 <div class="flexbox" id="f8">[NewText] [OldText]</div> 35 <div class="flexbox" id="f9"> [NewText][OldText]</div> 36 <div class="flexbox" id="f10">[OldText][NewText] </div> 37 <div class="flexbox" id="f11">[OldText] [NewText]</div> 38 </body> 39 </html>