title: Elements in a flex container are not wrapping
body: <p>When I try to insert block elements in a flex container, they all stay on the same line as if they were inline-blocks.</p>
  
  <p>I would like the two first div's to be on the same line, and the last one to be on a second line. Sadly, that doesn't seem to work.</p>
  
  <p>Anyone have any idea ?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div style="display: flex"&gt;
    &lt;div style="display: inline-block"&gt;
      This is an inline block element
    &lt;/div&gt;
    &lt;div style="display: inline-block"&gt;
      This is an inline block element
    &lt;/div&gt;
    &lt;div style="display: block"&gt;
      This is a block element
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>