align button right

1<input type="button" value="Click Me" style="float: right;">

1.flex-box {
2  display:flex;
3  justify-content:space-between; //button with flex box
4  outline: 2px dashed blue;
5}
6
7.flex-box-2 {
8  display:flex;
9  justify-content: flex-end;
10  outline: 2px deeppink dashed;
11}

1style="float: right;"

1<p align="right">
2  <input type="button" value="Click Me" />
3</p>

1<h1>Button with Text</h1>
2<div class="flex-box">
3<p>Once upon a time in a ...</p>
4<button>Read More...</button>
5</div>
6
7<h1>Only Button</h1>         //button with flex box
8<div class="flex-box-2">
9  <button>The Button</button>
10</div>
11
12<h1>Multiple Buttons</h1>
13<div class="flex-box-2">
14  <button>Button 1</button>
15  <button>Button 2</button>
16</div>