title: How to use `flex display` to separate two buttons.
body: <p>I want to use <code>flex display</code> to separate two buttons. </p>
  
  <p>Now, I am using the <code>react</code>. </p>
  
  <pre><code>  const style = {
        textAreaStyle: {
          width:'700'
        },
        buttonFatherStyle:{
          display:'flex',
          display:"-webkit-flex",
          flexWrap:  'wrap',
          justifyContent:'around',
          backgroundColor:'red',
        }
      }
  </code></pre>
  
  <p>my <code>jsx</code>:</p>
  
  <pre><code>          &lt;div style={style.buttonFatherStyle}&gt;
              &lt;FlatButton  style={{backgroundColor:'blue'}} type="submit" disabled={pristine || submitting}&gt; submit &lt;/FlatButton&gt;
              &lt;FlatButton  style={{backgroundColor:'green'}} type="button" disabled={pristine || submitting} onClick={reset}&gt; Clear
              &lt;/FlatButton&gt;
            &lt;/div&gt;
  </code></pre>
  
  <p>My code does not work. </p>