title: display messes up size of div
body: <p>This is before <code>display: inline-flex;</code> is implemented:</p>
  
  <p><img src="https://i.stack.imgur.com/ANvrx.png" alt="image here"></p>
  
  <p>code:   </p>
  
  <pre><code>.testing {
      float: right;
      }
  </code></pre>
  
  <p>This is after <code>display: inline-flex;</code> is implemented:</p>
  
  <p><img src="https://i.stack.imgur.com/coIV6.png" alt="image here"></p>
  
  <p>code:   </p>
  
  <pre><code>.testing {
      float: right;
      display: inline-flex;
      }
  </code></pre>