title: Making a flex item float right
body: <p>I have a</p>
  
  <pre><code>&lt;div class="parent"&gt;
      &lt;div class="child" style="float:right"&gt; Ignore parent? &lt;/div&gt;
      &lt;div&gt; another child &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The parent has</p>
  
  <pre><code>.parent {
      display: flex;
  }
  </code></pre>
  
  <p>For my first child, I want to simply float the item to the right.</p>
  
  <p>And my other divs to follow the flex rule set by the parent. </p>
  
  <p>Is this something possible?</p>
  
  <p>If not, how do I do a <code>float: right</code> under flex?</p>