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

.flex-box {<br /> display:flex;<br /> justify-content:space-between; //button with flex box<br /> outline: 2px dashed blue;<br /> }</p> <p>.flex-box-2 {<br /> display:flex;<br /> justify-content: flex-end;<br /> outline: 2px deeppink dashed;<br /> }

style=”float: right;”

<p align=”right”><br /> <input type=”button” value=”Click Me” /><br /> </p>

<h1>Button with Text</h1><br /> <div class=”flex-box”><br /> <p>Once upon a time in a …</p><br /> <button>Read More…</button><br /> </div></p> <p><h1>Only Button</h1> //button with flex box<br /> <div class=”flex-box-2″><br /> <button>The Button</button><br /> </div></p> <p><h1>Multiple Buttons</h1><br /> <div class=”flex-box-2″><br /> <button>Button 1</button><br /> <button>Button 2</button><br /> </div>