<!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>