title: Prevent the last item in a flex-wrap container from ending up alone on a line
body: <p>I would like the last item in a flex-wrap container not to wrap, i.e., to remain next to the next-to-last item. Is there a way to do this?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;style&gt;
  div.container {
      display: flex;
      flex-wrap: wrap;
  }
  div.child {
      margin-right: 0.25em;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h1&gt;&lt;/h1&gt;
  &lt;div class="container"&gt;
  &lt;div class="child"&gt;Lorem&lt;/div&gt;
  &lt;div class="child"&gt;ipsum&lt;/div&gt;
  &lt;div class="child"&gt;dolor&lt;/div&gt;
  &lt;div class="child"&gt;sit&lt;/div&gt;
  &lt;div class="child"&gt;amet,&lt;/div&gt;
  &lt;div class="child"&gt;consectetuer&lt;/div&gt;
  &lt;div class="child"&gt;adipiscing&lt;/div&gt;
  &lt;div class="child"&gt;elit.&lt;/div&gt;
  &lt;div class="child"&gt;This stay next to 'elit.'&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>