title: How to align button group in the centre? Html css
body: <p>I have two buttons in a group and I want to align them under the heading. I've tried padding-left 300px, but when I resize the screen everything moves out. How do I get the buttons to align in the middle of the page basically? ?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.btn-toolbar {
    margin-left:-5px;
  }
  
  * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
  }
  
  .container {
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px;
    text-align:center;
    align-content:center;
  }
  
  body {
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:1.42857143;
    color:#666666;
    background-color:#ffffff;
  }
  
  html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
  }
  
  html {
    font-size:10px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    text-align:center;
    align-content:center;
  }
  
  .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float:left;
  }
  
  .btn-toolbar &gt; .btn, .btn-toolbar &gt; .btn-group, .btn-toolbar &gt; .input-group {
    margin-left:5px;
  }
  
  .btn-group, .btn-group-vertical {
    position:relative;
    display:inline-block;
    vertical-align:middle;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="btn-toolbar"&gt;
      &lt;div role="group" class="btn-group"&gt;
          &lt;button class="btn btn-default" type="button"&gt;Compare Selected Aircraft&lt;/button&gt;
          &lt;button class="btn btn-default" type="button"&gt;Reset Selected Aircraft&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>