flexbox-inlinecontent-horiz-2-ref.xhtml (856B)
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 Reference case with a stretch of inline content in a flex container. 8 (The corresponding testcase has a div interrupting the run, which gets 9 removed, hopefully making it look like this reference case.) 10 --> 11 <html xmlns="http://www.w3.org/1999/xhtml"> 12 <head> 13 <style> 14 div { height: 100px; } 15 div.flexbox { 16 width: 200px; 17 display: flex; 18 } 19 div.a { 20 flex: 1 0 20px; 21 background: lightgreen; 22 } 23 div.inflex { 24 flex: 0 0 20px; 25 background: gray; 26 } 27 </style> 28 </head> 29 <body> 30 <div class="flexbox" 31 ><div class="a"/>text<i>italic</i 32 ><div class="inflex"/></div> 33 </body> 34 </html>