Skip to main content
Fonte Link

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"<button> value="Esquerda"Esquerda </>button>
  <input type="button"<button> value="Direita"Direita </>button>
</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/

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/

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">
  <button> Esquerda </button>
  <button> Direita </button>
</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/

Fonte Link

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>

.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/

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/

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/

Fonte Link

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/