Как правильно выровнять текстовую кнопку
<input type="button" value="Click Me" style="float: right;">
lemmy
<input type="button" value="Click Me" style="float: right;">.flex-box {
display:flex;
justify-content:space-between; //button with flex box
outline: 2px dashed blue;
}
.flex-box-2 {
display:flex;
justify-content: flex-end;
outline: 2px deeppink dashed;
}<p align="right">
<input type="button" value="Click Me" />
</p><h1>Button with Text</h1>
<div class="flex-box">
<p>Once upon a time in a ...</p>
<button>Read More...</button>
</div>
<h1>Only Button</h1> //button with flex box
<div class="flex-box-2">
<button>The Button</button>
</div>
<h1>Multiple Buttons</h1>
<div class="flex-box-2">
<button>Button 1</button>
<button>Button 2</button>
</div>