How to right align a text button

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

Source: stackoverflow.com

How to right align a text button

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

Source: stackoverflow.com

How to right align a text button

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

-1

Source: stackoverflow.com

How to right align a text button

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

-1

Source: stackoverflow.com

Similar codes

18 votes195 views4 answers
Html boilerplate w3schools
Html
16 votes187 views6 answers
Cards in bootstrap
Html
24 votes220 views3 answers
Bootstrap Alerts Additional content
Html
2 votes212 views2 answers
On div click call otherAction
Html
5 votes177 views2 answers
Markdown to html
Html
0 vote201 views1 answer
Ol list showing without numbers
Html
23 votes190 views2 answers
Add favicon to next js static site
Html
1 vote215 views1 answer
Html canvas clear shadow
Html
0 vote199 views1 answer
Jump to label html
Html
11 votes209 views1 answer
Html center button
Html