title: Flex box horizontal position
body: <p>I have N number of divs up to N = 5, and I have another div named X</p>
  
  <p>I want to align horizontally in a flex div container the N divs next to each other.
  But the X div must always be pushed to the right hand side of the flex container no matter how many N divs there are.</p>
  
  <p>For example</p>
  
  <pre><code>N   N               X
  N   N   N           X
  </code></pre>
  
  <p>I can do this with float left and some sizing but I'm getting lost with Flex.  I can get the X div to position next to the last N div but not to the right hand side, as if always fixed to that position.</p>