Skip to main content
2 de 3

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

.divPai {
 width: 100%;
 display: flex;
 justify-content: space-between;
}
<div class="divPai">
  <input type="button" value="Esquerda" />
  <input type="button" value="Direita" />
</div>

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/