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}
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>