title: How to center align button in Semantic UI React?
body: <p>how can I center align a button in Semantic UI React<br>
  I have tried several approaches, using Grid, Grid Row, but no success</p>
  
  <pre><code>import {Segment, Button,Label,Sticky,Grid,Container} from 'semantic-ui-react';
  import React, {Component} from 'react';
  
  const GeneralSupportSegment =() =&gt; (
      &lt;Segment&gt;
           &lt;Label  ribbon color="blue"  size="large"&gt;Support&lt;/Label&gt;
           &lt;Button&gt;contact us&lt;/Button&gt;
      &lt;/Segment&gt;
  );
  
  export default GeneralSupportSegment;
  </code></pre>