HTML

button float right

<!--Please give a thumbs up if this was helpfull-->

<div class='container'>
    <button class="button-1">button 1</button>
    <button class="button-2">button 2</button>
</div>

<style>
.container {
  width:200px;
  display:inline-block;
  overflow: auto;
  white-space: nowrap;
  margin:0px auto;
  border:1px red solid;
}
.button-1{
	float-left;
}
.button-2{
	float-right;
}
</style>

button float css

.float-left {
  float: left;
}

button float right

<!--Please give a thumbs up if this was helpfull-->

<!--This is a Flexbox solution-->

<div class='container'>
    <button class="button-1">button 1</button>
    <button class="button-2">button 2</button>
</div>

<style>
  .container {
    width:200px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    overflow: auto;
    white-space: nowrap;
    border:1px red solid;
  }       
</style>