threshold-scope-flex-container-2.html (721B)
1 <!DOCTYPE HTML> 2 <style> 3 div.outer { 4 width: 450px; 5 font-size: 12px; 6 } 7 8 .outer > div { 9 display: inline-flex; 10 } 11 </style> 12 <div class="outer"> 13 <div>These</div> 14 <div>separate</div> 15 <div>flex</div> 16 <div>containers</div> 17 <div>shouldn't</div> 18 <div>be</div> 19 <div>inflated,</div> 20 <div>because</div> 21 <div>they</div> 22 <div>each</div> 23 <div>form</div> 24 <div>separate</div> 25 <div>formatting</div> 26 <div>contexts</div> 27 <div>and</div> 28 <div>should</div> 29 <div>therefore</div> 30 <div>be</div> 31 <div>considered</div> 32 <div>individually</div> 33 <div>when</div> 34 <div>evaluating</div> 35 <div>the</div> 36 <div>font</div> 37 <div>inflation</div> 38 <div>text</div> 39 <div>threshold.</div> 40 </div>