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