title: How to horizontally place buttons inside a section
body: <p>I want to place 3 buttons horizontally inside a section
  one at the extreme left, another at the extreme right and the third one at the center</p>
  
  <p>something like this
  <a href="https://i.stack.imgur.com/xoN7t.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xoN7t.jpg" alt="enter image description here"></a></p>
  
  <p><strong>CSS code:</strong></p>
  
  
  
  <pre class="lang-css prettyprint-override"><code>.buttons {
    padding: 1em;
    display: table;
    margin: 0 auto;
  }
  #next {
    margin: auto;
    display: block;
    background: white;
    color: #00476B;
    border: none;
    padding: .5em 1em;
    width: 100%;
  }
  #back {
    margin: auto;
    display: block;
    background: white;
    color: #00476B;
    border: none;
    padding: .5em 1em;
    width: 100%;
  }
  #submit {
    margin: auto;
    display: block;
    background: white;
    color: #00476B;
    border: none;
    padding: .5em 1em;
    width: 100%;
  }
  </code></pre>