<!DOCTYPE HTML> <style> div.outer { width: 450px; font-size: 12px; } .outer > div { display: flex; } </style> <div class="outer"> <div>These</div> <div>separate</div> <div>flex</div> <div>containers</div> <div>shouldn't</div> <div>be</div> <div>inflated,</div> <div>because</div> <div>they</div> <div>each</div> <div>form</div> <div>separate</div> <div>formatting</div> <div>contexts</div> <div>and</div> <div>should</div> <div>therefore</div> <div>be</div> <div>considered</div> <div>individually</div> <div>when</div> <div>evaluating</div> <div>the</div> <div>font</div> <div>inflation</div> <div>text</div> <div>threshold.</div> </div>