title: React flexbox compatibility with ie 10
body: <p>I am making a flexbox in React and can get it to work in all browsers except IE10. I've tried so many combinations I feel like I'm just guessing now.</p>
  
  <p>Anyone see the problem?</p>
  
  <pre><code>const innerToolbarStyle = {
    display: 'flex',
    alignItems: 'center',
    width: '100%'
  }
  
  &lt;div style= {innerToolbarStyle}&gt;
      {item(Search, props, {margin: 'auto', flex: 1, paddingRight: 10})}
      {item(FilterToggle, props, {margin: 'auto', paddingRight: 10})}
      {item(Sorter,       props, {margin: 'auto', paddingRight: 10})}
      {item(AdminOptions, props, {margin: 'auto'})}
  &lt;div style={{clear: 'right'}} /&gt;
  </code></pre>