title: Aligning in CSS and Material UI in React
body: <p>How do I align one button to the left while the other two on the center?</p>
  <p>Pls check codesandbox here
  <a href="https://codesandbox.io/s/cranky-meadow-bd5che?file=/demo.js" rel="nofollow noreferrer">CLICK HERE</a></p>
  <pre><code>    &lt;DialogActions sx={{ justifyContent: &quot;center&quot; }}&gt;
        &lt;Button&gt;Left&lt;/Button&gt;
        &lt;Button onClick={handleClose}&gt;Cancel center&lt;/Button&gt;
        &lt;Button onClick={handleClose}&gt;Subscribe center&lt;/Button&gt;
      &lt;/DialogActions&gt;
  </code></pre>