Você pode usar as propriedades e valores **display: *flex*** e **justify-content: *space-between*** na div pai 

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->
    .divPai {
     width: 100%;
     display: flex;
     justify-content: space-between;
    }
    
<!-- language: lang-html -->
    <div class="divPai">
      <button> Esquerda </button>
      <button> Direita </button>
    </div>
<!-- end snippet -->

Com isso os itens são distribuídos uniformemente na linha; o primeiro item é renderizado no incio do elemento pai, e o último item no final do elemento pai. Se houver mais de dois elementos o espaçamento entre os demais serão sempre iguais.

Caso queira ver mais sobre flexBox esse guia é bem completo:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/